/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 22, 2022, 10:34:23 AM
    Author     : admin
*/

/*---------------------------Public-------------------------------------------*/
document, html, body, *:not(i):not(.mce-ico):not(.custom-css){
    font-family: Shabnam;
    font-size: 13px;
    font-weight: 200;
}

body {
    line-height: 1.3;
}

.english-font{
    font-family: ShabnamEn !important;
    font-size: 13px !important;
}

.english-element{
    direction: ltr !important;
    font-family: ShabnamEn !important;
    font-size: 13px !important;
}

.ui-state-default input,.ui-state-default select,
.ui-widget-content .ui-state-default input,
.ui-widget-content .ui-state-default select,
.ui-widget-header .ui-state-default input,
.ui-widget-header .ui-state-default select{
    color:#000 !important;
}
.msg-icon-padding{
    padding-left: 0.5em;
}

a {
    outline: 0;
}

.font-size-14{
    font-size: 14px !important;
}

.font-size-16{
    font-size: 16px !important;
}

.font-size-17{
    font-size: 17px !important;
}

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

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

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

.no-margin{
    margin: 0 !important;
}

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

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

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

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

.right-align{
    text-align: right !important;
}

.left-align{
    text-align: left !important;
}

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

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

.hidden{
    display: none !important;
    /*visibility: hidden !important;*/
}

.no-resize{
    resize: none;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.display-inline-block {
    display: inline-block;
}

.ltr-direction, .ltrDirection{
    direction: ltr !important;
}

.rtl-direction, .rtlDirection{
    direction: rtl !important;
}
.leftDir{
    direction: ltr;
    text-align: right;
}

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

.float-right{
    float: right !important;
}
.padding-left-3{
    padding-left: 3px !important;
}

.padding-right-3{
    padding-right: 3px !important;
}
.padding-left-5{
    padding-left: 5px !important;
}

.padding-right-5{
    padding-right: 5px !important;
}
.padding-7{
    padding: 7px !important;
}
.padding-side-7{
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.padding-5{
    padding: 5px !important;
}

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

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

.padding-right-10{
    padding-right: 10px !important;
}
.padding-left-10{
    padding-left: 10px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-left-10{
    margin-left: 10px !important;
}
.margin-right-10{
    margin-right: 10px !important;
}
.margin-15{
    margin: 15px !important;
}
.margin-top-15{
    margin-top: 15px !important;
}
.margin-top-5{
    margin-top: 5px !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.margin-left-2{
    margin-left: 2px !important;
}
.icon-padding{
    padding-left: 0.5em
}
.no-text-decoration {
    text-decoration: none !important;
}
.bold{
    font-weight: bold !important;
}
.link{
    color:blue !important;
    cursor: pointer;
    text-decoration: none !important;
}
.link-underline{
    color:blue !important;
    cursor: pointer;
    text-decoration: underline !important;
    margin-right: 7px;
    margin-left: 7px;
}

.no-border{
    border : none;
}

.width-10-percent{
    width:10%;
}

.line-height-1-8{
    line-height: 1.8;
}

.warning-text{
    color: #fe0926 !important ;
    font-size: 14px !important;
    font-weight: bold !important;
}

.success-text{
    color: #51aa15 !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.help-text{
    color: #8a0000;
    /*    font-weight: normal;*/
    padding: 5px 0;
}

.general-text{
    line-height: 1.7;
}

.clear-both{
    clear: both;
}
.cursor-pointer{
    cursor: pointer
}
.cursor-default{
    cursor: default !important;
}
.scroll-y {
    overflow-y: scroll;
}
.scroll-x {
    overflow-x: scroll;
}

.space-normal{
    white-space:normal !important;
}
@keyframes show-hide{
    0% {
        opacity:0;
    }
    60% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@-webkit-keyframes show-hide{
    0% {
        opacity:0;
    }
    60% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes show-hide{
    0% {
        opacity:0;
    }
    60% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@-ms-keyframes show-hide{
    0% {
        opacity:0;
    }
    60% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.blink {
    animation: show-hide 3s ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation: show-hide 3s ease-in-out;
    -moz-animation: show-hide 3s ease-in-out;
    -moz-animation-iteration-count: infinite;
    -ms-animation: show-hide 3s ease-in-out;
}

/*----------------------------Header------------------------------------------*/
.header-title{
    margin: 3px;
    margin-bottom: 10px;
    text-align: center;
    /*font-weight: normal;*/
    font-size: 15px;
    padding: 10px;
}

.ui-widget-header span, .ui-widget-header div {
    /*font-size: 14px !important;*/
    font-weight: bold !important;
}

/*----------------------------Footer------------------------------------------*/
.footer-text{
    font-weight: bold;
}

/*---------------------------Colors-------------------------------------------*/
.green{
    color: #017f01
}
.green-2{
    color: #51aa15;
}

.orange-4{
    color: #ee7022;
}

.orange-2{
    color: #e7b000;
}

.brown-1{
    color: #a95950;
}

.red-8{
    color:#f40015;
}

.red-7{
    color:#ff7d77;
}

.purple-2{
    color:#b792ee;
}

.yellow-3{
    color:#cab146;
}

.blue-2{
    color:#064372;
}

.blue-3{
    color:#1d74d5;
}

.red-6{
    color:#f25bb7;
}

.yellow-2{
    color: #ffa500;
}

.red-5{
    color:#db6060;
}

.purple-1{
    color: #9f4dd4;
}

.orange-3{
    color:#fbb160;
}

.red-4{
    color:#f75555;
}

.red-3{
    color: #f76e6e;
}

.orange-1{
    color: #ffa500;
}

.blue-1{
    color: #409bfb;
}

.red-1{
    color: #ff5353;
}

.yellow-1{
    color:#b8a100;
}

.green-1{
    color:#8CBB6A;
}

.green-3{
    color:#4FBD03;
}

.red-2{
    color:#db2f3d;
}

.purple-3{
    color: #ac91d2;
}

.grey{
    color:#636363;
}

.grey-light{
    color:#abacac;
}

.yellow{
    color:#ffdb45;
}

.red{
    color: #fe0926 !important;
}

.white{
    color: #fff;
}

.blue {
    color: #0a2cb5;
}

.darkred{
    color: #8a0000;
}

.darkblue{
    color: #15428B;
}
/*-----------------------------Font Awesome icons-----------------------------*/
i:not(.defaultPointer):not(.static-icon):not(.mce-ico):not(.mce-caret){
    vertical-align: middle !important;
    cursor:pointer;
}

.sd-font-theme {
    color:#636363;
}

.sd-font-theme:hover:not(.static-icon) {
    color:#3689f4;
}

/*---------------------------------Tab-----------------------------------------*/
.ssd-tab .nav-tabs > li{
    margin-left: 3px;
}
.ssd-tab .nav-tabs{
    padding-top: 5px;
    margin-bottom: 4px;
    margin-right: 3px;
    border-bottom: 0px;
}

.ssd-tab{
    margin-right:5px;
    margin-left: 5px;
}
/*---------------------------------Form-----------------------------------------*/
.ssd-form .col-xs-0-25, .ssd-form .col-sm-0-25, .ssd-form .col-md-0-25, .ssd-form .col-lg-0-25,
.ssd-form .col-xs-0-5, .ssd-form .col-sm-0-5, .ssd-form .col-md-0-5, .ssd-form .col-lg-0-5,
.ssd-form .col-xs-0-75, .ssd-form .col-sm-0-75, .ssd-form .col-md-0-75, .ssd-form .col-lg-0-75,
.ssd-form .col-xs-1, .ssd-form .col-sm-1, .ssd-form .col-md-1, .ssd-form .col-lg-1,
.ssd-form .col-xs-1-25, .ssd-form .col-sm-1-25, .ssd-form .col-md-1-25, .ssd-form .col-lg-1-25,
.ssd-form .col-xs-1-5, .ssd-form .col-sm-1-5, .ssd-form .col-md-1-5, .ssd-form .col-lg-1-5,
.ssd-form .col-xs-1-75, .ssd-form .col-sm-1-75, .ssd-form .col-md-1-75, .ssd-form .col-lg-1-75,
.ssd-form .col-xs-2, .ssd-form .col-sm-2, .ssd-form .col-md-2, .ssd-form .col-lg-2,
.ssd-form .col-xs-2-25, .ssd-form .col-sm-2-25, .ssd-form .col-md-2-25, .ssd-form .col-lg-2-25,
.ssd-form .col-xs-2-5, .ssd-form .col-sm-2-5, .ssd-form .col-md-2-5, .ssd-form .col-lg-2-5,
.ssd-form .col-xs-2-75, .ssd-form .col-sm-2-75, .ssd-form .col-md-2-75, .ssd-form .col-lg-2-75,
.ssd-form .col-xs-3, .ssd-form .col-sm-3, .ssd-form .col-md-3, .ssd-form .col-lg-3,
.ssd-form .col-xs-3-25, .ssd-form .col-sm-3-25, .ssd-form .col-md-3-25, .ssd-form .col-lg-3-25,
.ssd-form .col-xs-3-5, .ssd-form .col-sm-3-5, .ssd-form .col-md-3-5, .ssd-form .col-lg-3-5,
.ssd-form .col-xs-3-75, .ssd-form .col-sm-3-75, .ssd-form .col-md-3-75, .ssd-form .col-lg-3-75,
.ssd-form .col-xs-4, .ssd-form .col-sm-4, .ssd-form .col-md-4, .ssd-form .col-lg-4,
.ssd-form .col-xs-4-25, .ssd-form .col-sm-4-25, .ssd-form .col-md-4-25, .ssd-form .col-lg-4-25,
.ssd-form .col-xs-4-5, .ssd-form .col-sm-4-5, .ssd-form .col-md-4-5, .ssd-form .col-lg-4-5,
.ssd-form .col-xs-4-75, .ssd-form .col-sm-4-75, .ssd-form .col-md-4-75, .ssd-form .col-lg-4-75,
.ssd-form .col-xs-5, .ssd-form .col-sm-5, .ssd-form .col-md-5, .ssd-form .col-lg-5,
.ssd-form .col-xs-5-25, .ssd-form .col-sm-5-25, .ssd-form .col-md-5-25, .ssd-form .col-lg-5-25,
.ssd-form .col-xs-5-5, .ssd-form .col-sm-5-5, .ssd-form .col-md-5-5, .ssd-form .col-lg-5-5,
.ssd-form .col-xs-5-75, .ssd-form .col-sm-5-75, .ssd-form .col-md-5-75, .ssd-form .col-lg-5-75,
.ssd-form .col-xs-6, .ssd-form .col-sm-6, .ssd-form .col-md-6, .ssd-form .col-lg-6,
.ssd-form .col-xs-6-25, .ssd-form .col-sm-6-25, .ssd-form .col-md-6-25, .ssd-form .col-lg-6-25,
.ssd-form .col-xs-6-5, .ssd-form .col-sm-6-5, .ssd-form .col-md-6-5, .ssd-form .col-lg-6-5,
.ssd-form .col-xs-6-75, .ssd-form .col-sm-6-75, .ssd-form .col-md-6-75, .ssd-form .col-lg-6-75,
.ssd-form .col-xs-7, .ssd-form .col-sm-7, .ssd-form .col-md-7, .ssd-form .col-lg-7,
.ssd-form .col-xs-7-25, .ssd-form .col-sm-7-25, .ssd-form .col-md-7-25, .ssd-form .col-lg-7-25,
.ssd-form .col-xs-7-5, .ssd-form .col-sm-7-5, .ssd-form .col-md-7-5, .ssd-form .col-lg-7-5,
.ssd-form .col-xs-7-75, .ssd-form .col-sm-7-75, .ssd-form .col-md-7-75, .ssd-form .col-lg-7-75,
.ssd-form .col-xs-8, .ssd-form .col-sm-8, .ssd-form .col-md-8, .ssd-form .col-lg-8,
.ssd-form .col-xs-8-25, .ssd-form .col-sm-8-25, .ssd-form .col-md-8-25, .ssd-form .col-lg-8-25,
.ssd-form .col-xs-8-5, .ssd-form .col-sm-8-5, .ssd-form .col-md-8-5, .ssd-form .col-lg-8-5,
.ssd-form .col-xs-8-75, .ssd-form .col-sm-8-75, .ssd-form .col-md-8-75, .ssd-form .col-lg-8-75,
.ssd-form .col-xs-9, .ssd-form .col-sm-9, .ssd-form .col-md-9, .ssd-form .col-lg-9,
.ssd-form .col-xs-9-25, .ssd-form .col-sm-9-25, .ssd-form .col-md-9-25, .ssd-form .col-lg-9-25,
.ssd-form .col-xs-9-5, .ssd-form .col-sm-9-5, .ssd-form .col-md-9-5, .ssd-form .col-lg-9-5,
.ssd-form .col-xs-9-75, .ssd-form .col-sm-9-75, .ssd-form .col-md-9-75, .ssd-form .col-lg-9-75,
.ssd-form .col-xs-10, .ssd-form .col-sm-10, .ssd-form .col-md-10, .ssd-form .col-lg-10,
.ssd-form .col-xs-10-25, .ssd-form .col-sm-10-25, .ssd-form .col-md-10-25, .ssd-form .col-lg-10-25,
.ssd-form .col-xs-10-5, .ssd-form .col-sm-10-5, .ssd-form .col-md-10-5, .ssd-form .col-lg-10-5,
.ssd-form .col-xs-10-75, .ssd-form .col-sm-10-75, .ssd-form .col-md-10-75, .ssd-form .col-lg-10-75,
.ssd-form .col-xs-11, .ssd-form .col-sm-11, .ssd-form .col-md-11, .ssd-form .col-lg-11,
.ssd-form .col-xs-11-25, .ssd-form .col-sm-11-25, .ssd-form .col-md-11-25, .ssd-form .col-lg-11-25,
.ssd-form .col-xs-11-5, .ssd-form .col-sm-11-5, .ssd-form .col-md-11-5, .ssd-form .col-lg-11-5,
.ssd-form .col-xs-11-75, .ssd-form .col-sm-11-75, .ssd-form .col-md-11-75, .ssd-form .col-lg-11-75,
.ssd-form .col-xs-12, .ssd-form .col-sm-12, .ssd-form .col-md-12, .ssd-form .col-lg-12
.ssd-form .col-xs-12-25, .ssd-form .col-sm-12-25, .ssd-form .col-md-12-25, .ssd-form .col-lg-12-25,
.ssd-form .col-xs-12-5, .ssd-form .col-sm-12-5, .ssd-form .col-md-12-5, .ssd-form .col-lg-12-5,
.ssd-form .col-xs-12-75, .ssd-form .col-sm-12-75, .ssd-form .col-md-12-75, .ssd-form .col-lg-12-75{
    padding-right: 1px !important;
    padding-left: 2px !important;
}

.ssd-form div.form-group:not(.report-fix-header .form-group){
    margin-right: 0px !important;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
}

.invalid{
    color: red;
    /*    font-weight: normal;*/
}

.star{
    color: red;
}
/*-------------------------------Tree---------------------------------------*/
.tree-header{
    font-size: 14px !important;
    font-weight: bold;
    padding: 8px !important;
    margin-bottom: 5px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.tree-disabled a{
    color: gray !important;
}

.tree-node-1{
    color: #0a58ca;
}

.tree-node-2{
    color: #fd7e14;
}

.tree-node-3{
    color: #13795b;
}

.tree-node-4{
    color: #dc3545;
}

.tree-node-5{
    color: #3d0a91;
}

.tree-node-6{
    color: #ab296a;
}

.tree-node-7{
    color: #cc9a06;
}

/*-------------------------------Form Header---------------------------------------*/
.form-header-light{
    font-size: 14px !important;
    /*    font-weight: normal !important;*/
    padding: 8px !important;
    margin-bottom: 5px;
    border-radius: 3px;
    text-align: right
}
.form-header-light span{
    margin-right: 8px;
    margin-left: 8px;
}

/*------------------------------Legened---------------------------------------*/
.ssd-form legend{
    color: #8e0730;
    margin: 0;
    font-size: 16px !important;
    font-weight: bold !important;
    width: inherit;
    border-width: 0px;
    padding: 0 3px;
}

/*-------------------------------Fieldset--------------------------------------*/
.ssd-form fieldset{
    border: 2px solid #1380cf !important;
    margin: 7px !important;
    padding: 4px 7px 4px 7px !important;
    border-radius: 3px
}

/*--------------------------------Label----------------------------------------*/

.label-container {
    text-align: left;
    padding-top: 0.5px;
    padding-bottom: 0.5px;
}

.ssd-form label:not(.invalid) {
    padding: 5px 0;
}

.colored-label {
    text-align: right;
    padding-top: 0.5px;
    padding-right: 0px;
    padding-bottom: 0.5px;
    padding-left: 2px;
}

.colored-label label{
    /*    font-weight: normal;*/
    padding-right: 5px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    color: #15428B;
}

.required::before {
    color: red;
    content: '*';
}
/*-----------------------------Input And Select2-------------------------------------------*/
.ssd-form input[type=text],
.ssd-form input[type=password],
.ssd-form input.text,
.ssd-form input.title,
.ssd-form textarea {
    /*background-color: #fff;*/
    border: 1px solid #bbb;
}

.ssd-form input[type=radio]:not(.form-smaller [type=radio]),
.ssd-form input[type=checkbox]:not(.form-smaller [type=checkbox]){
    margin-top: 8px;
}

:focus {
    outline: 1px solid #bbb;
}

.ssd-form input[readonly="readonly"],.ssd-form textarea[readonly="readonly"],
.ssd-form input[disabled]{
    background-color: #e3e3e3 !important;
}
::placeholder {
    padding-right: 5px !important;
    font-size: 13px !important;
}

/*.ssd-form textarea{
    padding-right: 5px !important;
}*/

.ssd-form .form-control,
.ssd-form .select2-container{
    border: 1px solid #3333cc !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    display: block;
    font-size: 1em;
    height: 34px;
    line-height: 1.42857;
    padding: 1px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    z-index: 0;
}

/*jahate namayeshe sahihe autosearch dar grid inline*/
.grid-row-editor .ssd-form .select2-container{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none !important;
}

.ssd-form .form-control:focus , .ssd-form .select2-container:focus {
    border-color: black !important;
    box-shadow: 0 1px 1px rgb(144,238,144) inset, 0 0 6px 3px rgb(144,238,144) !important;
}

.ssd-form .select2-container-active .select2-choice, .ssd-form .select2-container-multi.select2-container-active .select2-choices {
    border-color: black !important;
    box-shadow: 0 1px 1px rgb(144,238,144) inset, 0 0 6px 3px rgb(144,238,144) !important;

}
.ssd-form .select2-container-multi .select2-choices{
    background-image: url("../images/icon/arrow_drop_down.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    padding-left: 3px;
    padding-right: 3px;
}
.ssd-form .select2-chosen,.ssd-form .select2-choice > span:first-child,
.ssd-form .select2-container .select2-choices .select2-search-field input {
    text-align: right;
    /*padding: 3px 10px !important;*/
}
.input-linear{
    border:0px none white !important;
    outline: none;
    border-bottom: 2px solid #3333cc !important;
    text-align:center !important;
    margin-top:1% !important;
    margin-bottom:1% !important;
    padding:0px !important;
}

/*-----------------------------------Text Area------------------------------------*/
.ssd-form textarea{
    height: auto !important;
}

/*-----------------------------------Select and Option------------------------------------*/
.ssd-form select , .flexigrid select{
    padding: 0.5px 5px !important;
    background: #fff;
}

.ssd-form option , .flexigrid option{
    font-family: Shabnam !important;
    font-size: 12px !important;
}

.form-smaller input[type="text"],
.form-smaller input[type="password"],
.form-smaller select, .row-smaller input,
.row-smaller select {
    height: 32px !important;
    font-size: 13px !important;
}
/*---------------------------------InputGroup---------------------------------*/
.ssd-form .input-group-btn{
    font-size: 14.8px;
}
/*------------------------------Button----------------------------------------*/
.ssd-form .button, .ssd-form input[type=button], .ssd-form input[type=submit], .i-button{
    padding: 0.2em 0.8em;
    font-size: medium !important;
    text-decoration: none;
    display: inline-block;
    position: relative;
    line-height: normal;
    cursor:pointer;
    margin:10px 3px;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    min-width:80px;
    -webkit-appearance: button;
    cursor: pointer;
}

/*buttons that have a fontawesome icon in top and a text below it*/
.ibox-button{
    min-height: 90px !important;
    font-weight: bold !important;
    font-size: small !important;
    padding: 0.4em !important;
    min-width: 110px !important;
}
.ibox-button i{
    display: block !important;
    padding: 5px !important;
    margin: auto;
}

/*button that have a fontawesome icon in the left and a text in right side*/
.i-button{
    padding-right: 1em !important;
    padding-left: 2.5em !important;
}

.i-button::after{
    font-family: 'Font Awesome 5 Pro' !important;
    position: absolute;
    margin-top: 0.1em;
    margin-right: 0.6em;
    font-weight: 900;
    font-size: 1.3em;
}
/*button sabt va takmile marhale*/
.i-button.next-step::after{
    content: "\f355";
    color: #f17f00;
}

/*buttone ersale nahaie*/
.i-button.check::after{
    content: "\f00c";
    color:#51aa15;
}

.editorBtns input[type=button], .editorBtns input[type=submit]{
    margin:2px 2px !important;
}

.button-no-back{
    font-size: 13px !important;
    background: none;
    border: none;
    padding: 0px;
    color: #409bfb;
    margin-top: 5px;
    margin-bottom: 5px;
    outline: none;
    font-weight: bold !important;

}
.button-no-back:hover:focus{
    font-size: 13px !important;
    background: none;
    border: none;
    padding: 0px;
}
/*---------------------------------Miniform Buttons---------------------------*/
.box-icon-red {
    background: #eacdc7;
    padding: 5px;
    color: #8e0730;
    border-radius: 10%;
    text-align: center !important;
    margin-left: 3px;
    margin-right: 3px;
}

.box-icon-green {
    background: #c2f2c3;
    padding: 5px;
    color: #398439;
    border-radius: 10%;
    text-align: center !important;
    margin-left: 3px;
    margin-right: 3px;
}
/*-------------------------------UL OL LI-------------------------------------*/
.ssd-ul, .ssd-ol{
    line-height: 1.7 !important;
    padding-left: 10px;
}
ul {
    list-style-type: disc;
}

/*--------------------------------Table--------------------------------------*/
.ssd-table{
    margin: auto;
}

.ssd-table.table-fullpage{
    width: 99% !important;
    margin-right: 7px !important;
    margin-left: 7px !important;
}

.ssd-table th{
    min-height: 20px !important;
    padding: 7px;
    text-align: center;
    vertical-align: middle !important;
    font-weight: bold !important;
}
.ssd-table th span, .ssd-table th label{
    font-weight: bold !important;
}

.ssd-table td{
    min-height: 20px !important;
    padding: 6px;
    text-align: center;
    vertical-align: middle !important;
}
/*--------------------------------Dialog--------------------------------------*/
.ui-dialog .ui-dialog-title{
    float: right !important;
    margin: 0.1em 0px 0.1em 16px !important;
}

.ui-dialog .ui-dialog-titlebar-close span{
    margin:-8px !important;
}

.ui-dialog .ui-dialog-titlebar-close{
    right: auto !important;
    left: 0.3em !important;
}

.ui-dialog-title{
    font-size: 14px !important;
    font-weight: bold !important;
}

.ui-dialog-buttonpane .ui-dialog-buttonset{
    float: none !important;
    text-align: center !important;

}

.localpre{
    background-color: #ffffff !important;
    border: 0px solid #ccc !important;
    direction:rtl !important;
    font-family: Shabnam !important;
    font-size: 14px !important;
}

.ui-button-icon-only {
    height: 16px !important;
    width: 20px !important;
}
/*----------------------------TimePiki And DatePicker-------------------------*/
.ui-datepicker .ui-datepicker-header {
    padding: 0.1em 0 !important;
}

.ui-datepicker-calendar a{
    font-size: 12px !important;
    padding: 2px !important;
}

.ui-datepicker-group{
    width: 100%
}

.ui-datepicker-header > select {
    font-size: 13px !important;
}

.ui-datepicker th {
    padding: 0.5em 0.1em;
}
/*---------------------------TimePiki And DatePicker Icon---------------------*/
.calendar-btn{
    padding: 3px;
}

.sDiv2 .calendar-btn, .grid-row-editor .calendar-btn{
    padding: 2px !important;
    font-size: 11px !important;
}


.sDiv2 .time-btn, .grid-row-editor .time-btn{
    padding: 2px !important;
    font-size: 11px !important;
}

.calendar-btn:hover{
    color: #32a0f9;
    background: #fdf5ce;
    text-decoration: none;
    border: 1px solid #fbcb09;
}
.time-btn:hover{
    color: #32a0f9;
    background: #fdf5ce;
    text-decoration: none;
    border: 1px solid #fbcb09;
}

a.fbutton {
    float: right;
    display: block;
    cursor: pointer;
    padding: 1px 3px;
}
/*---------------------------------REPORT--------------------------------------*/
.ssd-form legend.ui-state-default.ui-corner-all  {
    font-size: 14px !important;
}

.icon-button {
    padding: 1px;
    height: 32px;
}

button.icon-button i {
    font-size: 1.7em !important;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.dragReport{
    float:left;
    height: 25px;
    width: 4px;
}
.cDrag div {
    float: left;
    background: none;
    display: block;
    position: absolute;
    height: 24px;
    width: 2px;
    cursor: col-resize;
}/*----------------------------------Views--------------------------------------*/
.card-view{
    width:64%;
    background-color: #FFFFFF;
    box-shadow: 0 1px 12px #555;
    background: rgba(255,255,220,0.20) none repeat scroll 0 0;
    transition-timing-function: ease;
    right: 18%;
    position:relative !important;
    margin-top: 5%;
    padding: 10px;
}

@media (max-width:991px){
    .card-view{
        right:5%;
        width:90%;
    }
}
/*------------------------------ Background Colors------------------------------*/
.back-color-bluesky{
    background-color: #E4FDF0 !important;
    display: block;
}
.back-color-lavenderblush{
    background-color: lavenderblush;
    display: block;
}
.back-color-lightyellow{
    background-color: lightyellow;
    display: block;
}
.back-color-yellow{
    background-color: #fffacd !important;
    display: block;
}
.back-color-orange{
    background-color: #ffcc99 !important;
}
.back-color-red{
    background-color: #ffdada !important;
}

.back-color-grey{
    background-color: #E9ECF2;
}
.ssd-header-info{
    line-height: 1.1;
    background-color: #fffacd !important;
    display: block;
}

/*------------------------------FORMS-------------------------------------------*/
.trSelected .ui-state-highlight ,.trSelected .ui-widget-content.ui-state-highlight {
    color: #000033 !important;
}

.inline-grid{
    display: inline-grid;
}
.flexigrid div.bDiv .space-normal td{
    white-space:normal;
}

.header-small .row , .header-small .form-group{
    line-height: 1 !important;
}

.dropdown-menu {
    min-width: 200px !important;
    overflow-x: visible;
    padding: 0px !important;
}

.dropdown-header {
    background-color: antiquewhite;
    text-align: center;
}

.dropdown-menu .divider{
    margin-bottom: 0px !important;

}
.glow {
    color: #fa0e15;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
    font-weight: bold;
    text-shadow: -1px 1px 1px #fff, -2px 2px 3px #a49de4, -3px 3px 5px #c4d6fd;
    line-height: 20px;
}
.pencil_colorize {
    --fa-primary-color: black;
    --fa-secondary-color: #f0ae65;
    --fa-secondary-opacity: 0.9 !important;
    color: black;
}

/*----------------------------------COLOR BOX-----------------------------------*/

.greenBox{
    padding:5px 5px !important;
    margin: 0;
    background-color:#96ffa0;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #4C8D05;
}

.redBox{
    padding:5px 5px !important;
    margin: 0;
    background-color:#F7D2CD;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #FF5486;
}

.orangeBox{
    padding:5px 5px !important;
    margin: 0;
    background-color:#FFD796;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #C29504;
}

.whiteBox{
    padding:5px 5px !important;
    margin: 0;
    background-color:white;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid black;
}

.help-password{
    font-size: 11px !important;
    color: gray;

}