@font-face {
    font-family: hspYekan;
    font-style: normal;
    font-weight: normal;
    src: url('/BadbanCRM/app/panel/fonts/yekan.ttf') ;
}
@font-face {
    font-family: hspS;
    font-style: normal;
    font-weight: normal;
    src: url('/BadbanCRM/app/panel/fonts/IS.ttf') ;
}
.c-Red{color: #F44336}
.c-Pink{color: #E91E63}
.c-Purple{color: #9C27B0}
.c-DPurple{color: #673AB7}
.c-Indigo{color: #3F51B5}
.c-Blue{color: #2196F3}
.c-LBlue{color: #03A9F4}
.c-Cyan{color: #00BCD4}
.c-Teal{color: #009688}
.c-Green{color: #4CAF50}
.c-LGreen{color: #8BC34A}
.c-Lime{color: #CDDC39}
.c-Yellow{color: #FFEB3B}
.c-Amber{color: #FFC107}
.c-Orange{color: #FF9800}
.c-DOrange{color: #FF5722}
.c-Brown{color: #795548}
.c-Grey{color: #9E9E9E}
.c-DGrey{color: #607D8B}
.c-Black{color: #000}
.c-White{color: #fff}
/******************************************************************************/
.highcharts-container *{
    font-family: hspYekan !important;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}
/******************************************************************************/
.panelHeaderPlace, .panelLogoPlace, .mainTabsSelected, .subTabsSelected, 
#leftSidePanelPlace, .monitorDIV fieldset legend, 
input[type='button'],input[type='submit'],input[type='reset'],button{
    transition: all 0.3s;
}

/******************************************************************************/
.panelHeaderPlace{
    direction: ltr;
    display: table;
    position: fixed;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0, 0.25);
    z-index: 2;
}
.panelLogoPlace{
    display: table-cell;
    /*width: 230px;*/
    vertical-align: middle;
    /*text-align: center;*/
}

#menuIcon:hover{
    color: #479cc8 !important;
}
#panelHeaderActions span{
    display: inline-block;
    position: relative;
    min-width: 60px;
    line-height: 60px;
    padding: 0 10px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
}
#panelHeaderActions span .zmdi{
    vertical-align: middle;
}
#panelUserPositionPlace{
    direction: ltr;
    background: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 2px 10px;
    border-radius: 3px;
    color: #555;
    line-height: 30px;
    height: 30px;
    transition: all 0.3s;
}
#panelUserPositionPlace:hover{
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#panelUserPositionPlace, #panelUserPositionPlace *{
    vertical-align: middle;
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
#panelUserPositionPlace i{
    margin: 0 5px;
}
#panelUserPosition span{
    cursor: pointer;
    transition: all 0.3s;
}
#panelUserPosition span:hover{
    color: #333;
    text-shadow: 0 0 5px rgba(0,0,0,.15);
}
#panelHeaderActions span .badge{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 32px;
    background: #dd4b39;
    min-width: 18px;
    height: 18px;
    padding: 0px 2px;
    text-align: center;
    font-style: normal;
    border-radius: 50%;
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    box-sizing: border-box;
}
#panelHeaderActions span:hover{
    background: rgba(0,0,0,0.2);
}
.changeThemeTable{
    width: 100%;
    text-align: center;
    border-spacing: 0;
    font: bold 11px arial;
}
.changeThemeTable td{
    width: 25%;
    border-right: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
}
.changeThemeTable td:last-child{
    border-right: none;
}
#mainTabDIV{
    direction: ltr;
    width: 230px;
    vertical-align: top;
    display: table-cell;
    float: none !important;
    background: #222d32;
    border-left: 1px solid rgba(255,255,255, 0.4);
    color: #b8c7ce;
    font: 15px/40px hspYekan,'b yekan',tahoma;
    text-align: left;
    text-indent: 1px;
    padding-top: 61px;
    position: fixed;
    top: 0;
    left: 0;
}
#mainTabUL{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.rightTabs{
    position: relative;
    margin: 0;
    padding: 0 20px;
    cursor: pointer;
    background-repeat: no-repeat no-repeat;
    background-position: 90% 48%;
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    background-size: 20px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s;
    height: 47px;
}
.rightTabs:hover{
    background-color: #435863;
}
.rightTabs .ddIcon{
    position: absolute;
    top: 12px;
    right: 15px;
    vertical-align: middle;
    transition: all 0.3s;
}
.mainTabsActive{
    background-color: #435863 !important;
    color: #fff;
}
.mainTabsSelected{
    background-color: #435863 !important;
    color: #fff;
}
.mainTabsActive .ddIcon{
    transform: rotate(-90deg);
}
.panelSubTabNHeight{
    padding-left: 30px;
    background: rgba(255,255,255,0.05);
}

.subTabs{
    padding-right: 5px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.subTabs:hover{
    color: #fff;
}

.subTabsSelected{
    background: rgb(67 88 99);
    color: #fff;
}
.headerPanelPlace{
    font: 13px hspYekan;
    background: #f0f0f0;
    overflow: hidden;
    box-shadow: 0 0px 1px rgba(0,0,0,0.8);
    border-radius: 5px;
    z-index: 1;
}
#leftSidePanelPlace{
    position: absolute;
    top: -600px;
    right: 10px;
    width: 250px;
    font: 13px hspYekan;
    background: #f0f0f0;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 0px 1px rgba(0,0,0,0.8);
    border-radius: 5px;
    transition: all 0.6s;
    z-index: 1;
}

.buttonUNF{
    min-width: 90px;
    height: 28px;
    margin: 3px 2px 1px 2px;
    padding: 0 8px;
    border-radius: 2px;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
}

.buttonUNFTextFa{
    font: 12px Tahoma;
}

.buttonUNFTextEn{
    font: normal bold 12px Arial;
}

.buttonUNFBlack{
    background-image: url('/BadbanCRM/app/panel/img/theme/black/Button.png');
    background-position: 0 0;
    color: #fff;
    border: 1px solid #333;
}

.buttonUNFBlack:hover{
    background-position: 0 -45px;
}

.buttonUNFBlack:active{
    background-position: 0 -90px;
}

.buttonUNFBlue{
    background-image: url('/BadbanCRM/app/panel/img/theme/blue/Button.png');
    background-position: 0 0;
    color: #fff;
    border: 1px solid #333;
}

.buttonUNFBlue:hover{
    background-position: 0 -45px;
}

.buttonUNFBlue:active{
    background-position: 0 -90px;
}

.imageButtonUNFSpan{
    width: 13px;
    height: 14px;
    font: 11px/normal Arial;
    margin: 7px 19px;
    display: inline-block;
}

.panelBottomGap{
    width: 150px;
    height: 100%;
    background: none;
}

.monitorDIV,#lightBoxContent,#lightBoxContent2{
    font: 15px hspYekan,'b yekan',tahoma !important;
}
.lightBoxDeactive{
    transform: scale(0,0) translate3d(0, -200%, 0);
    opacity: 0;
}
.lightBoxActive{
    transform: scale(1,1) translate3d(0,0,0) !important;
    opacity: 1 !important;
}
#lightBoxContent, #lightBoxContent2{
    padding: 7px;
    background: #ecf0f5;
    color: #111;
}
.monitorDIV, #lightBoxContent, #lightBoxContent2{
    font: 14px hspYekan,'b yekan',tahoma;
    color: #111;
}
fieldset{
    background: #fff;
    border: none !important;
    border-radius: 3px !important;
    margin: 10px;
    padding: 10px 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
fieldset fieldset{
    background: #f5f5f5 !important;
}
fieldset fieldset legend{
    /*border-top: none !important;*/
    background: #ddd !important;
}

fieldset legend{
    display: block;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    padding: 0 20px;
    line-height: 40px;
    background: #fff;
    box-sizing: border-box;
    font-weight: bold;
    color: #444;
    border-radius: 3px
}

table.mainTableC,
table.dynamicTable{
    width: 100%;
    font: 14px hspYekan,'b yekan',tahoma !important;
    background: #fff;
    border-spacing: 0;
    border-radius: 0 0 5px 5px;
    color: #000;
}

table.mainTableC tr.searchTR,table.mainTableC tr.titleTR,
table.dynamicTable tr.dtTitleTR{
    text-align: center;
    background: none !important;
}

/*table.mainTableC tr:last-child td:first-child, table.mainTableC tr:last-child td:first-child,
table.dynamicTable tr:last-child td:first-child{
    border-radius: 0 0 8px 0;
}*/

/*table.mainTableC tr:last-child td:last-child, table.mainTableC tr:last-child td:last-child,
table.dynamicTable tr:last-child td:last-child{
    border-radius: 0 0 0 8px;
}*/

table.mainTableC tr.searchTR td, table.mainTableC tr.titleTR td,
table.dynamicTable tr.dtTitleTR td{
    height: 30px;
    background: rgba(0, 0, 0, 0.05) !important;
    font-weight: bold !important;
    font-size: 14px;
}

table.dynamicTable tr.dtTitleTR td:first-child{
    border-radius: 0 5px 0 0;
}

table.dynamicTable tr.dtTitleTR td:last-child{
    border-radius: 5px 0 0 0;
}

table.dynamicTable tr:last-child td:first-child{
    border-radius: 0 0 5px 0;
}

table.dynamicTable tr:last-child td:last-child{
    border-radius: 0 0 0 5px;
}

#tableShowPagePlace{
    margin-bottom: 0 !important;
    background-color: #fff !important;
    border-radius: 5px 5px 0 0 !important;

}

table.mainTableC .trEven td, table.mainTableC .trOdd td,
table.dynamicTable .trEven td, table.dynamicTable .trOdd td{
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
table.mainTableC .trEven td:first-child, table.mainTableC .trOdd td:first-child,
table.dynamicTable .trEven td:first-child, table.dynamicTable .trOdd td:first-child{
    border-left: 1px solid #f0f0f0;
    font-weight: bold;
}

table.mainTableC .trEven,
table.dynamicTable .trEven{
    background: rgba(0, 0, 0, 0.02) !important;
    color: #000;
    transition: all 1s;
}
table.mainTableC .trOdd,
table.dynamicTable .trOdd{
    background: rgba(0, 0, 0, 0.0) !important;
    color: #000;
    transition: all 0.7s;
}

table.mainTableC .trOdd:hover, table.mainTableC .trEven:hover,
table.dynamicTable .trOdd:hover, table.dynamicTable .trEven:hover{
    background: rgba(0, 0, 0, 0.1) !important;
}

table.mainTableC .trSelected,
table.dynamicTable .trSelected{
    background: rgba(0, 204, 255, 0.3) !important;
}
table.mainTableC .trSelected:hover,
table.dynamicTable .trSelected:hover{
    background: rgba(0, 204, 255, 0.5) !important;
}

table.counterTable{
    margin-left: 10px;
    font: bold 11px Arial;
    color: #000;
}

table.counterTable{
    border-spacing: 0px;
}

table.counterTable td{
    padding: 5px;
    /*box-shadow: 0px 2px 5px #000;*/
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    border-left: none !important;
    border-radius: 0 !important;
    color: #000 !important;
}
table.counterTable td:first-child{
    border-left: 1px solid #ddd !important;
    border-radius: 3px 0 0 3px !important;
}
table.counterTable td:last-child{
    border-radius: 0 3px 3px 0 !important;
}

table.counterTable td.counterTableTotal{
    padding: 5px 10px;
    border-radius: 5px;
}

table.counterTable .counterTableNumbersSelect{
    background: #eee !important;
    color: #000 !important;
    /*box-shadow: 0px 2px 5px #000;*/
}

input[type='checkbox']{
    position: relative;
    top: 2px;
}

#reportPlace{
    border: none !important;
}

#headershowCustomerSeason td#upPriority0,#headershowCustomerSeason td#downPriority0,#headershowCustomerSeason td#edit0,#headershowCustomerSeason td#del0,
#headershowCustomerKeyword td#upPriority0,#headershowCustomerKeyword td#downPriority0,#headershowCustomerKeyword td#edit0,#headershowCustomerKeyword td#del0{
    width: 50px !important;
}

#lightBoxContent input[type="text"], #lightBoxContent2 input[type="password"]{
    background: url('/BadbanCRM/app/form/img/qback.png') !important;
    border: 1px solid #ababab;
    border-radius: 3px;
}

input[type='button'],input[type='submit'],input[type='reset'],button{
    min-width: 90px;
    background-position: 0 0;
    color: #fff !important;
    border-radius: 2px;
    font: 15px hspYekan !important;
    cursor: pointer;
}

.calendar{
    z-index: 8;
}


input[type='text']{
    border:1px solid #ababab;
    border-radius:3px
}

input[type='number']{
    border:1px solid #ababab;
    border-radius:3px
}

input[type='text']:disabled{
    border: 1px solid #ababab;
    border-radius: 3px;
    opacity: 0.5;
}

textarea{
    background: #efefef;
    border: 1px solid #ababab;
    border-radius: 3px;
}

textarea:disabled{
    background: #efefef;
    border: 1px solid #ababab;
    border-radius: 3px;
    opacity: 0.5;
}

select{
    border: 1px solid #ababab;
    border-radius: 3px;
    background: #efefef url(/BadbanCRM/img/qback.png);
    height:20px;min-width:50px;max-width:250px;font:13px 'b yekan'; direction:rtl;border:1px solid #ababab;border-radius:3px;background-color:#efefef
}

select:disabled{
    border: 1px solid #ababab;
    background: #ababab;
    border-radius: 3px;
    opacity: 0.5;
}

.spLTR{
    display: inline-block;
    direction: ltr;
}

.spbLTR{
    display: block;
    direction: ltr;
}

input[type='text']{
    padding: 1px 2px;
}
/******************************************************************************/
#mainTabDIV{
    background: #5d717b;
    color: #fff;
}
/******************************************************************************/
table.mainTableC,
table.dynamicTable{
    background: #fff;
    color: #000;
}
table.mainTableC tr.searchTR td, table.mainTableC tr.titleTR td,
table.dynamicTable tr.dtTitleTR td{
    background: rgba(0, 0, 0, 0.05) !important;
}
#tableShowPagePlace{
    background-color: #fff !important;
}
table.mainTableC .trEven td, table.mainTableC .trOdd td,
table.dynamicTable .trEven td, table.dynamicTable .trOdd td{
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
table.mainTableC .trEven td:first-child, table.mainTableC .trOdd td:first-child,
table.dynamicTable .trEven td:first-child, table.dynamicTable .trOdd td:first-child{
    border-left: 1px solid #f0f0f0;
    transition: all 0.3s;
}
table.mainTableC .trEven,
table.dynamicTable .trEven{
    background: rgba(0, 0, 0, 0.02) !important;
    color: #000;
}
table.mainTableC .trOdd,
table.dynamicTable .trOdd{
    background: rgba(0, 0, 0, 0.0) !important;
    color: #000;
}
table.mainTableC .trOdd:hover, table.mainTableC .trEven:hover,
table.dynamicTable .trOdd:hover, table.dynamicTable .trEven:hover{
    background: rgba(0, 0, 0, 0.1) !important;
}
table.mainTableC .trSelected,
table.dynamicTable .trSelected{
    background: rgba(0, 204, 255, 0.3) !important;
}
table.mainTableC .trSelected:hover,
table.dynamicTable .trSelected:hover{
    background: rgba(0, 204, 255, 0.5) !important;
}
table.counterTable{
    color: #000;
}
table.counterTable td{
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
}
table.counterTable td:first-child{
    border-left: 1px solid #ddd !important;
}
table.counterTable .counterTableNumbersSelect{
    background: #eee !important;
    color: #000 !important;
}
/******************************************************************************/
#alertBoxParent{
    display: block;
    direction: rtl;
    position: absolute;
    top:0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 200;
}
#alertBoxBack{
    position: fixed;
    top:0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity .3s;
}
#alertBoxPlace{
    direction: rtl;
    position: relative;
    top: 300px;
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    font: 13px hspYekan;
    border-radius: 5px;
    background: #fefefe;
    box-sizing: border-box;
    z-index: 202;
    transform: scale(0);
    transition: all .3s;
}
.alertBoxParentActive{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.alertBoxParentActive #alertBoxBack{
    width: 100%;
    height: 100%;
}
.alertBoxParentActive #alertBoxBack{
    opacity: 1 !important;
}
.alertBoxParentActive #alertBoxPlace{
    transform: scale(1) !important;
}
#alertBoxParent button{
    min-width: 50px;
    padding: 2px 5px;
    background: none;
    font-weight: bold !important;
    border: none;
    cursor: pointer;
}
#alertBoxContent{
    margin-bottom: 4px;
    padding-bottom: 20px;
    font-size: 17px;
}
#alertBoxParent button:hover{
    background: rgba(0,0,0,0.1);
}