@font-face {
    font-family:iran;
    font-size: 15pt;
    src: url('../fonts/B Yekan.ttf');
}
textarea{
    font-size: 20px;
}
body{
    font-family: iran;
    padding-top: 70px;
}
@media (max-width: 1303px) {
    body {
        padding-top: 120px;
    }
}
.profile-image{
    width: 50px;
    max-height: 50px;
}.profile-image2{
    width: 70px;
}
.special-img
{
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-nav>li>a.special-img {
    padding-top: 0px;
    padding-bottom: 0px;
}
.form-control,.btn{
    margin-bottom: 5px;
}
.alert{
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
}
.img{
    width: 30%;
}
.silver-div{
    background-color: #f7f7f9;
    margin-bottom: 10px;
}
.border{
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
.badge-danger{
    background-color: #d9534f;
}
.circleBase {
    vertical-align: middle;
    text-align: center;
    background-color: red;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.access_admin{
    text-align: right;
    color:#8b0000;
}
.access_employe{
    text-align: right;
    color:#000;
}

/*Now the CSS*/
* {
    margin: 0;
    padding: 0;
}
.tree {
    width: 500%;
    overflow-x: auto;
    margin-left: auto;
    margin-right: auto;
}
.tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/
.tree li::before, .tree li::after {
    content:'';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}
.tree li:after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}
/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}
/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}
/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content:'';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
    margin-left: -1px;
}
.tree li a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
    background: #c8e4f8;
    color: #000;
    border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
    border-color: #94a0b4;
}
li a.just-line {
    display: none;
}
a.just-line + ul {
    padding-top: 74px;
}
a.just-line + ul:before {
    height: 74px;
}
.table tbody tr > td>span.span_text_red {
    color: #f24016 !important;
}
.table{
    margin-top: 10px;
}
.msg_click{
    cursor: pointer;
}
.tree_content{
    position: absolute;
    top: 0;
}
.cursor{
    cursor: pointer;
}
.ov{
    direction: rtl;
    max-height:200px;
    overflow: auto;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.ov2{
    max-height:600px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.span_text_green{
    color: #00b000;
}
.bodyDisable{
    background-color: silver;
    opacity: 0.5;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
}
.img-icons{
    max-width: 50px;
    width: 50px;
}
@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes spaceboots {

    0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
    40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
    50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
    100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake{
    background-color: #002b45;
    color: white;
    /*-webkit-animation-name: spaceboots;*/
    /*-webkit-animation-duration: 0.8s;*/
    /*-webkit-transform-origin:50% 50%;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-timing-function: linear;*/

    /*-moz-animation-name: spaceboots;*/
    /*-moz-animation-duration: 0.8s;*/
    /*-moz-transform-origin:50% 50%;*/
    /*-moz-animation-iteration-count: infinite;*/
    /*-moz-animation-timing-function: linear;*/
}
.disabled
{
    pointer-events: none;

    /* for "disabled" effect */
    opacity: 0.5;
    background: #CCC;
}
.span_text_red{
    color: #ff0000;
    font-size: 15pt;
    font-family: iran,tahoma , Arial, Verdana, sans-serif, Arabic Transparent, Helvetica, sans-serif;
}

/*
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}*/