@import url("material-icons.css") all;

@font-face {

    font-family: 'yekan';

    src: url('../font/IRANSans-modified.eot');

    src: url('../font/IRANSans-modified.eot#iefix') format('embedded-opentype'),

    url('../font/IRANSans-modified.woff') format('woff'),

    url('../font/IRANSans-modified.ttf') format('truetype'),

    url('../font/IRANSans-modified.svg#CartoGothicStdBook') format('svg');

    font-weight: normal;

    font-style: normal;

}

.waitMe_text{

    font-family: IRANSans , "Roboto", sans-serif !important;

}

body , .navbar , .sidebar  , h2 ,  .popover .popover-title , * , .waitMe_text{

    font-family: IRANSans , "Roboto", sans-serif;



}

.content{

    direction: rtl;

}

.contents{

    direction: rtl;

}

.contentm{

    direction: rtl;

}

.dropdown-menu ul.menu li a{

    text-align: right;

    direction: rtl;

}

.dropdown-menu ul.menu .icon-circle{

    float: right;

}

.dropdown-menu ul.menu .menu-info{

    display: inline-block;

    position: relative;

    top: 3px;

    right: 5px;

    left: auto;

    text-align: right;

}

.progress .progress-bar{

    float: right;

}

.dropdown-menu ul.menu.tasks h4{

    text-align: right;

}

.dropdown-menu ul.menu.tasks h4 small{

    float: left;

}

.sidebar{

   -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    -o-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);

    right: 0;

	z-index:17777261 !important;

    left: auto;

}

section.content{

    margin: 100px 315px 0  15px;

}

section.contents{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

    width: 50%;

    padding: 10px;

}

@media only screen and (max-width: 1023px) and  (min-width: 200px) {

section.contents{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 100%;

    padding: 10px;

}

}

@media only screen and (max-width: 1366px) and  (min-width: 1024px) {

section.contents{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 50%;

    padding: 10px;

}

}

@media only screen and (max-width: 1780px) and  (min-width: 1367px) {

section.contents{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 50%;

    padding: 10px;

}

}

@media only screen and (max-width: 9000px) and  (min-width: 1781px) {

section.contents{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 50%;

    padding: 10px;

}

}

section.contentm{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    padding: 10px;

}

@media only screen and (max-width: 1023px) and  (min-width: 200px) {

section.contentm{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 95%;

    padding: 10px;

}

}

@media only screen and (max-width: 1366px) and  (min-width: 1024px) {

section.contentm{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 95%;

    padding: 10px;

}

}

@media only screen and (max-width: 1780px) and  (min-width: 1367px) {

section.contentm{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 95%;

    padding: 10px;

}

}

@media only screen and (max-width: 9000px) and  (min-width: 1781px) {

section.contentm{

    margin-top:100px;

    margin-left: auto;

    margin-right: auto;

	width: 95%;

    padding: 10px;

}

}

.ls-closed .sidebar{

    margin-left: auto;

    margin-right: -300px;

}

.ls-closed .bars:after, .ls-closed .bars:before {

    left: auto;

    right: 20px;

}

.overlay-open .sidebar{

    margin-right: 0;

}

.ls-closed section.content{

    margin-right: 15px;

}

.navbar-brand{

    float: right;

}

.navbar-toggle{

    float: left;

}

@media (max-width: 767px) {

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand

    {

        margin-left: auto;

        margin-right: 35px;;

    }

}

@media (min-width: 768px) {

    .navbar-header{

        float: right;

    }

}

#mainbox{

    float: left !important;

}

.navbar-right .dropdown-menu{

    left: 0;

    right: auto;

	top:110px;

}

.info-box.hover-expand-effect:after{

    left: auto;

    right: 80px;

}

.user-info{

    direction: rtl;

}

.btn-group .user-helper-dropdown i.material-icons{

    position: relative;

    left: 0;

}

.sidebar .user-info .info-container .user-helper-dropdown{

    left: 10px;

    right: auto;

}

.dropdown-menu > li > a i.material-icons{

    float: right;

    margin-left: 7px;

}

.dropdown-menu > li > a{

text-align: right;

}

 .sidebar .menu .list li{

    direction: rtl;

}

.sidebar .menu .list li a i{

    margin-left: 5px;

}

.sidebar .menu .list a {

    direction: rtl;

}

#skins .slimScrollDiv{

    float: left !important;

    width: 100% !important;

    height: 100% !important;

}





.left-sidebar{

    width: 280px;

    height: calc(100vh - 70px);

    position: fixed;

    left: -300px;

    top: 70px;

    background: #fdfdfd;

    z-index: 11 !important;

    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.left-sidebar.open {

    left:  0;

}

.right-sidebar .nav-tabs {

    font-weight: 600;

    font-size: 13px;

    width: 100%;

    margin-left: 2px; }

.left-sidebar .nav-tabs li {

    text-align: center; }

.left-sidebar .nav-tabs li > a {

    margin-right: 0; }

.left-sidebar .nav-tabs li:first-child {

    width: 45%; }

.left-sidebar .nav-tabs li:last-child {

    width: 55%; }

.left-sidebar .nav-tabs + .tab-content {

    padding: 0; }



.left-sidebar p {

    margin: 20px 15px 15px 15px;

    font-weight: bold;

    text-align: center; }



.left-sidebar #settings .setting-list {

    list-style: none;

    padding-left: 0;

    margin-bottom: 20px; }

.left-sidebar #settings .setting-list li {

    text-align: right;

    padding: 15px;

    position: relative;

    border-top: 1px solid #eee; }

.left-sidebar #settings .setting-list li .switch {

    position: absolute;

    top: 15px;

    left: 5px; }

#settings .slimScrollDiv{

    float: left !important;

    width: 100% !important;

    height: auto !important;

}

.card .header .header-dropdown{

    left: 15px;

    right: auto;

}

.dashboard-stat-list{

    padding-right:0 ;

}

@media (min-width: 1200px) {

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{

        float: right !important;

    }

}

@media (min-width: 992px) {

    .col-md-1, .col-md-2, .col-md-2-5, .col-md-3, .col-md-4, .col-md-4-5, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{

        float: right !important;

    }

}

@media (min-width: 768px) {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

        float: right !important;

    }

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{

    float: right !important;

}

.text-right tr , th {

    text-align: right;

}

.dashboard-donut-chart{

    font-family: 'IRANSans' !important;

}

@media (max-width: 991px) and (min-width: 768px) {

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

        margin-right: 40px;

        margin-left: auto;

    }

}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{

    content: '\E314' !important;

}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle){

    margin-left: auto;

    margin-right: 5px;

}

.panel-switch-btn{

    left: 20px;

    right: auto;

}

.graph{

    direction: ltr;

}

.input-group{

    direction: rtl;

}

.bootstrap-select {

	    border: 1px solid #ddd !important;

}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{

    text-align: right;

}

.bootstrap-select.btn-group .dropdown-toggle .caret{

    right: auto;

    left: 12px;

}

.dropdown-header{

    text-align: right;

}

.form-group .form-line .form-label{

    left: auto;

    right: 0;

}

.wizard > .steps > ul > li{

    float: right;

}

.list-group-item > .badge{

    float: left;

}

code{

    direction: ltr;

}



.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.list-group{

    padding-left: inherit;

    padding-right: 0;

}

button.list-group-item{

    text-align: right;

}

.preloader{

    direction: ltr;

}

.sidebar .menu .list .ml-menu li a{

    padding-left: 0;

    padding-right: 55px;

}

.sidebar .menu .list .ml-menu{

    padding-right: 0;

    padding-left: inherit;

}

.nav-tabs > li{

    left: auto;

}

.nav-tabs > li{

    float: right;

}

.nav{

    padding-right: 0;

    padding-left: inherit;

}

.info-box-3 .icon , .info-box-4 .icon{

    left: 20px;

    right: auto;

}

[type="checkbox"] + label{

    padding-left: 0;

    padding-right: 26px;

}

[type="checkbox"].filled-in:checked + label:before{

    left: auto;

    right: 11px; /*test*/

}

[type="checkbox"].filled-in:checked + label:after{

    right: 0;

}

[type="checkbox"].filled-in:not(:checked) + label:before{

    left: auto;

    right: 11px;

}

[type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after{

    left: auto;

    right: 0;

}

[type="checkbox"]:checked + label:before{

    left:auto;

    right: 5px;

}

[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after{

    left: auto;

    right: 0;

}

[type="radio"] + label:before, [type="radio"] + label:after{

    right:0;

    left: auto;

}

[type="radio"]:checked + label {

    padding-left: 0;

    padding-right: 26px;

}

[type="radio"] + label:before, [type="radio"] + label:after{

    right: 0;

    left: auto;

}

[type="radio"] + label{

    padding-right: 26px;

}

[type="radio"]:not(:checked) + label{

    padding-right: 26px;

    padding-left: 0;

}

.sidebar .menu .list a{

    padding: 7px 13px;

}

table.dataTable {

  font-family:IRANSans;	

}

table.table-bordered.dataTable tbody th,

table.table-bordered.dataTable tbody td {

  font-family:IRANSans;

}



.dropdown-menu .mehrdadlink > li > a {

    color: #FFFFFF;

    text-decoration: none;

}

.form-group .form-control{

  font-family: IRANSans;



}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {

  font-family: IRANSans;

}

.table-bordered tbody tr td, .table-bordered tbody tr th {

  font-family: IRANSans;

}

















.layout{width:100%;}

.jarakgrid{padding:10px}.article h2{font-size:1.2em;line-height:1.3em;}

.article p{text-align:justify;font-size:.9em;margin-top:10px;}

.article h2,.more{font-family: 'Droid Sans', sans-serif;font-weight: 700;text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #B1B1B2;}.more{font-size:.9em;}

.hr{content:""; height:1px; width:100%; background:#272727; background:-webkit-gradient(linear,left top,right top,color-stop(0%,transparent),color-stop(50%,#272727),color-stop(100%,#dfecaf)); background:-webkit-linear-gradient(left,transparent 0%,#272727 50%,transparent 100%); background:-moz-linear-gradient(left,transparent 0%,#272727 50%,transparent 100%); background:-ms-linear-gradient(left,transparent 0%,#272727 50%,transparent 100%); background:-o-linear-gradient(left,transparent 0%,#272727 50%,transparent 100%); background:linear-gradient(left,transparent 0%,#272727 50%,transparent 100%)}

.border{position:relative;border:1px solid #bbb;margin:10px 0px;padding:5px 5px 0px 5px;background-color:#ddd;-moz-box-shadow:inset 0 1px 1px #eeeeee;-ms-box-shadow:inset 0 1px 1px #eeeeee;-o-box-shadow:inset 0 1px 1px #eeeeee;-webkit-box-shadow:inset 0 1px 1px #EEE;box-shadow:inset 0 1px 1px #EEE;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.border:before,.border:after{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:50%;max-width:300px;background:rgba(0, 0, 0, .7);-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, .7);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, .7);box-shadow:0 15px 10px rgba(0, 0, 0, .7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);}

.border:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto;}















.media .media-body .media-heading {

  font-family: IRANSans;

  margin-right:5px;

    color: #333;

}

.media .media-body span{

  font-family: IRANSans;

  margin-right:5px;

}

div.dataTables_wrapper div.dataTables_info {

    font-family: IRANSans;

}

.pagination li.active a {

	    font-family: IRANSans;

}

.pagination > li > a, .pagination > li > span{

 float:right;

}

.pagination > li > a {

	    font-family: IRANSans;

}

.input-group {

    margin-bottom: 0px;

}

.form-group {

    margin-bottom: 20px;

}

.input-group .input-group-addon .material-icons {

	margin-bottom: 30px;

}

.info-box a{

	color:#FFFFFF;

	text-decoration:none;

}

#time {

font-family: IRANSans;

font-size:16px;

color: #0E7C01;	

font-weight: bold;

}

#reload {

font-family: IRANSans;

font-size:13px;

}

.nav-tabs > li > a {

  margin-right: -5px;



}

.mehrdadtext {

font-family: IRANSans;

font-size:13px;	

}

.tooltip {

font-family: IRANSans;

font-size:13px;	

direction:rtl;

}



/*==== change color===*/

    .awesome {

        font-weight: bold;

        color:#313131;

        -webkit-animation:colorchange 20s infinite alternate;

    }



    @-webkit-keyframes colorchange {

        0% {



            color: #747473;

        }



        10% {



            color: #f1c40f;

        }



        20% {



            color: #747473;

        }



        30% {



            color: #f1c40f;

        }



        40% {



            color: #747473;

        }



        50% {



            color: #f1c40f;

        }



        60% {



            color: #747473;

        }



        70% {



            color: #f1c40f;

        }

        80% {



            color: #747473;

        }



        90% {



            color: #f1c40f;

        }



        100% {



            color: #747473;

        }

    }

/*==== animação===*/

.anima {position: absolute;left:0px;top:-5px;display:block;width:100%;height:350px;background-color:#96dfff; background-image:url(../images/dotted_bg_blk.png);    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background-repeat:repeat-x; background-position:0 100%;overflow:hidden;z-index: 100;}

.stage {position: absolute;width: 100%;	height: 350px;	overflow: hidden;background-position:0 100%;overflow:hidden;background-repeat:repeat-x;}

#moto  {background: transparent url(../images/moto.png) 0 0 no-repeat;position: absolute;top: 295px;left: 470px;width: 182px;height: 123px;z-index: 2000;}

#motoin  {margin-top: 0;margin-left: 27px;width: 182px;height: 123px;}



#cidade {background: transparent url(../images/cidade.png) 0 40px repeat-x; z-index: 1000;}

#nuvens {background: transparent url(../images/cloud.png) 605px 0 repeat-x; z-index: 500;}

#placa  {background: transparent url(../images/placa.png) -400px 0px repeat-x;z-index:100;}

#cargo  {background: transparent url(../images/cargo.png) 820px 230px repeat-x; z-index:1800;}

#cargo2  {background: transparent url(../images/cargo2.png) 0px 190px repeat-x; z-index:1800;}

#cargo3  {background: transparent url(../images/cargo3.png) 1500px 190px repeat-x; z-index:1600;}

#cargo4  {background: transparent url(../images/cargo4.png) -500px 190px repeat-x; z-index:1100;}

#cargo5  {background: transparent url(../images/cargo5.png) -200px 188px repeat-x; z-index:1900;}

#moto2  {background: transparent url(../images/moto2.png) 2600px 180px repeat-x; z-index:1600;}

#moto3  {background: transparent url(../images/moto3.png) 200px 189px repeat-x; z-index:1900;}

#cargo6  {background: transparent url(../images/cargo6.png) 1200px 192px repeat-x; z-index:1500;}

.mehrdadheight{

	height:345px

}

.sidebar .menu .list .ml-menu span {

    font-family: IRANSans;

	font-weight: bold;

}

.btn:not(.btn-link):not(.btn-circle) {

	    font-family: IRANSans;

	font-weight: bold;

}

/* Banner & Controls */



.controls {position: absolute;z-index: 1030;background: #fff;box-shadow: 0 0 5px #777;left: 47%;width: 45px;height:55px;border-radius: 0 0 50px 50px;padding: 5px;}

#paint {margin: 10px auto 0 auto;padding: 5px;border-radius: 50px;height: 35px; width: 35px;background: #777; border: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

#paint:hover {background: #fb9e25; cursor: pointer;}



#stagewrapper {width: 100%;height: 400px;position: relative;z-index: 1;overflow: hidden;}    		

#stagecurtain {width: 100%;height: 400px;margin: 0 auto;position: absolute;z-index: 1000;background: #f5f5f5;}

.stage {width: 100%;height: 400px;}

#sky {background: url(../images/banner/sky1.png) 0 0 repeat-x;position: absolute;z-index: 0;display: none;}

#sky1 {background: url(../images/banner/sky.png) 0 0 repeat-x;position: absolute;z-index: -1;display: none;}

#planet {background: url(../images/banner/planet.png) 0 0 no-repeat;left: 0;top: 0;position: absolute;z-index: 0;display: none;} 

#cloud {background: url(../images/banner/cloud.png) 0 0 repeat-x;position: absolute;z-index: -1;}

#moon {background: url(../images/banner/moonstars.png) 0 0 repeat-x;position: absolute;top: 0;left: 0;z-index: 0;}

 /*

#moonsketch {background: url(../images/banner/moonsketch.png) 0 0 repeat-x;position: absolute;top: 0;left: 0;z-index: 1001;}    

#backsketch {background: url(../images/banner/backsketch.png) 0 0 repeat-x;position: absolute;z-index: 1005;}    

#back {background: url(../images/banner/back.png) 0 0 repeat-x;position: absolute;z-index: 5;}

#frontsketch {background: url(../images/banner/frontsketch.png) 0 0 repeat-x;position: absolute;z-index: 1009;} */ 

#front {background: url(../images/banner/front.png) 0 0 repeat-x;position: absolute;z-index: 9;}  

#ufo {background: url(../images/banner/ufo.png) 0 0 no-repeat;left: 200px;top: 170px;position: absolute;height: 120px;width: 180px;z-index: 1010;}    

#ufocow {background: url(../images/banner/ufocow.png) 0 0 no-repeat;height: 200px;left: 165px;position: absolute;top: 30px;width: 100px;z-index: 7;}

#logoplanetwrap {width: 1100px;margin: 0 auto;height: 400px;} 

#logoplanet {position: absolute;height: 400px;width: 1100px;z-index: 1005;display: none;background: url(../images/banner/logoplanet.png) 0 0 no-repeat;}  

blockquote {

  border-right: 5px solid #eee;

  border-left: 0;

}	

.bg-ambers {

    background-color: #ffe821 !important;

    color: #000;

	font-family: IRANSans;

	font-weight: bold;

}

.info-box .content .number {

	font-family: IRANSans;

	font-weight: bold;

}

.nav > li > a {

	    padding: 10px 10px;

}

.sidebar .menu .list .header {

    direction: rtl;

    text-align: right;

}

.label-money {

    background-color: #2b982b;

    font-family: IRANSans;

	font-size:14px;

}

.label-money-down {

    background-color: #ff0000;

    font-family: IRANSans;

	font-size:14px;

}

.dropdown-menu {

margin-top: 0px !important;

}

.sidebar .user-info .info-container {

top: 5px;

}







		/* these styles are for the demo, but are not required for the plugin */

		.zoom {

			display:inline-block;

			position: relative;

		}

		

		/* magnifying glass icon */

		.zoom:after {

			content:'';

			display:block; 

			width:33px; 

			height:33px; 

			position:absolute; 

			top:0;

			right:0;

			background:url(icon.png);

			z-index:5;

		}



		.zoom img {

			display: block;

		}



		.zoom img::selection { background-color: transparent; }



		#ex2 img:hover { cursor: url(grab.cur), default; }

		#ex2 img:active { cursor: url(grabbed.cur), default; }

		

		.navbar {

			z-index:16777271;

		}

		.chosen-container-multi .chosen-choices {

            width: 80%;

		}

		.chosen-container-multi .chosen-choices li {

            float: right;

		}

div.dataTables_wrapper {

    direction: rtl;

}

.label-success {

    direction: rtl;

}

.label{

direction: rtl;	

}

.version {

	direction: rtl;	

	font-family: IRANSans;

	font-size:14px;

}

.sidebar {

	    z-index: 16777271; 

}                

@media only screen and (max-width: 500px) and  (min-width: 200px) {

.sidebar .legal .copyright{

	display:none;

}

.sidebar .legal .version{

	display:none;

}

.sidebar .legal {

	padding:0px

}

}

#captcha_code , #register_captcha , #callback_captcha{

	font-size:20px;

	font-weight: bold;

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    background-color: silver;

}

.card .body {

	padding:5px;

}

@media only screen and (max-width: 1200px) and  (min-width: 200px){

.nav {

    font-size: 12px;

}

.material-icons {

    font-size: 16px;

}

}



@media only screen and (max-width: 1360px) and  (min-width: 1201px){

.nav {

    font-size: 14px;

}

.material-icons {

    font-size: 22px;

}

}

@media only screen and (max-width: 1440px) and  (min-width: 1361px){

.nav {

    font-size: 12px;

}

.material-icons {

    font-size: 16px;

}

}

@media only screen and (max-width: 9000px) and  (min-width: 1441px){

.nav {

    font-size: 14px;

}

.material-icons {

    font-size: 22px;

}

}

.row {

     margin-right: 0px;

    margin-left: 0px;

}

#head_background { position: absolute; width: 100%; height: 140px; background: transparent url(../images/home/head_background.jpg) top center;}



#sun { position: absolute; top: 25px; left:100px; width: 30px; height: 30px; background: transparent url(../images/home/sun.png);}



#head_bgrass { position: absolute; width: 100%; height: 140px; background: transparent url(../images/home/head_bgrass.png);}



#head_fgrass { position: absolute; width: 100%; height: 140px; background: transparent url(../images/home/head_fgrass.png);}



#head_clouds { position: absolute; width: 100%; height: 140px; background: transparent url(../images/home/head_clouds.png); z-index:0;}



#head_shadow { position: absolute; width: 100%; height: 141px; background: transparent url(../images/home/header_shadow.png); z-index:0;}



#header-wrapper { height: 140px; background: url(../images/home/head_sky.jpg) repeat-x; position:relative; }









.mehrdadmenu {

  list-style: none;

  padding-left: 0;

  overflow-y: hidden; }

 .mehrdadmenu  ul {

  list-style-type: none;

}

  .mehrdadmenu .list li {

    border-bottom: 1px solid #eee;

    padding: 10px 10px 4px 10px;

    position: relative;

    cursor: pointer; }

	

  .mehrdadmenu .list a {

    text-decoration: none;

	color: #000000;

	}	

	

    .mehrdadmenu .list li.active {

      background-color: #eee; }

      .mehrdadmenu .list li.active:after {

        font-family: 'Material Icons';

        position: absolute;

        top: 10px;

        right: 10px;

        content: '\E876';

        font-size: 18px;

        font-weight: bold; }

    .mehrdadmenu .list li:hover {

      background-color: #eee; }

    .mehrdadmenu .list li div {

      width: 24px;

      height: 24px;

      display: inline-block;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      border-radius: 3px; }

    .mehrdadmenu .list li span {

      position: relative;

      bottom: 7px;

      left: 5px; }

.mehrdadmenu .list .red {

    background-color: #F44336; }

.mehrdadmenu .list .pink {

    background-color: #E91E63; }

.mehrdadmenu .list .purple {

    background-color: #9C27B0; }

.mehrdadmenu .list .deep-purple {

    background-color: #673AB7; }

.mehrdadmenu .list .indigo {

    background-color: #3F51B5; }

.mehrdadmenu .list .blue {

    background-color: #2196F3; }

.mehrdadmenu .list .light-blue {

    background-color: #03A9F4; }

.mehrdadmenu .list .cyan {

    background-color: #00BCD4; }

.mehrdadmenu .list .teal {

    background-color: #009688; }

.mehrdadmenu .list .green {

    background-color: #4CAF50; }

.mehrdadmenu .list .light-green {

    background-color: #8BC34A; }

.mehrdadmenu .list .lime {

    background-color: #CDDC39; }

.mehrdadmenu .list .yellow {

    background-color: #ffe821; }

.mehrdadmenu .list .amber {

    background-color: #FFC107; }

.mehrdadmenu .list .orange {

    background-color: #FF9800; }

.mehrdadmenu .list .deep-orange {

    background-color: #FF5722; }

.mehrdadmenu .list .brown {

    background-color: #795548; }

.mehrdadmenu .list .grey {

    background-color: #9E9E9E; }

.mehrdadmenu .list .blue-grey {

    background-color: #607D8B; }

.mehrdadmenu .list .black {

    background-color: #000000; }

.mehrdadmenu .list .white {

    background-color: #ffffff; }

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

.mehrdadhidden {

    display: none;

}

}	

/* Media ======================================= */

@media (max-width: 767px) {

  .navbar > .container .navbar-brand,

  .navbar > .container-fluid .navbar-brand {

    margin-right: 35px;

    width: 73%; }

  .navbar .navbar-header {

    display: inline-block;

    margin-bottom: -6px;

    width: calc(100% + 30px); }

  .navbar .nav > li {

    display: inline-block; }

  .navbar .navbar-nav {

    margin-top: -10px;

    margin-bottom: 1px;

    margin-right: -7px; }

    .navbar .navbar-nav .open .dropdown-menu {

      background-color: #fff;

      position: absolute; }

  .navbar .dropdown-menu {

    margin-right: -50px; }

  .navbar .js-right-sidebar {

    margin-top: 15px; }

  .dt-buttons {

    float: none !important;

    text-align: center;

    margin-bottom: 15px; }

  .panel-switch-btn {

    top: 12px;

    right: 0 !important; } }



@media (min-width: 768px) and (max-width: 991px) {

  .navbar > .container .navbar-brand,

  .navbar > .container-fluid .navbar-brand {

    margin-right: 15%; } }



@media (min-width: 992px) and (max-width: 1169px) {

  .navbar > .container .navbar-brand,

  .navbar > .container-fluid .navbar-brand {

    margin-right: 15%; } }

	

.sidebar .menu .list a span {

    margin: 5px 0 0px 10px;

}



element.style {

}

style.css:3017

.card .body {

    font-size: 14px;

    color: #555;

    padding: 20px;

}





.mehrdad-tooltip a {

  text-decoration: none;

  position: relative;

    font-weight: bold;

        color:#313131;

        -webkit-animation:colorchanges 20s infinite alternate;

}



    @-webkit-keyframes colorchanges {

        0% {



            color: #f44236;

        }



        10% {



            color: #555555;

        }



        20% {



            color: #f44236;

        }



        30% {



            color: #555555;

        }



        40% {



            color: #f44236;

        }



        50% {



            color: #555555;

        }



        60% {



            color: #f44236;

        }



        70% {



            color: #555555;

        }

        80% {



            color: #f44236;

        }



        90% {



            color: #555555;

        }



        100% {



            color: #f44236;

        }

    }

.mehrdad-tooltip a span {

  background: #f44236;

  color: #ffffff;

  text-align:center;

  font-size: 14px;

  font-weight: bold;

  position:  absolute;

  bottom: 0;

  left: -25px;

  right: -25px;

  padding: 5px 7px;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}



.mehrdad-tooltip a span:before {

  content: '';

/*   width: 0;

  height: 0; */

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid #f44236;

  position: absolute;

  bottom: -5px;

  left: 40px;

}



.mehrdad-tooltip a:hover span {

  bottom: 50px;

  visibility: visible;

  opacity: 1;

}

a:hover, a:focus {

	color: #df0404;

	text-decoration: none;

}



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

.table-responsive {

    overflow-y: auto;

}

}

.mce-filemanager {

	z-index:16777280 !important;

}

.mce-floatpanel {

	z-index:19777280 !important;

}

.dropdown-menu {

	z-index:19777261 !important;

}



.media-center, .media > .pull-left {

  margin-left: auto;

    margin-right: auto;

}

.media-center img{

  margin-left: auto;

    margin-right: auto;

}



.info-box .content .texts {

    font-size: 18px;

    margin-top: 20px;

    color: #FFFFFF;

}

.alert .alert-link{

	text-decoration: none;

}

.info-box .content .texts2 {

    font-size: 18px;

    margin-top: 10px;

    color: #FFFFFF;

}

.rtl-test{

	float:left;

}

.ltr-test{

	float:right;

}

.scorelabel {

	padding:8px  !important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

}

.progress {

		-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

}

.container-fluid {

padding-right: 0px;

padding-left: 0px;

}

.ls-closed section.content {

    margin-right: 0px;

}

.ls-closed section.content {

    margin-left: 0px;

}

.block-header h2 {

    padding-right: 15px;

}

.dd-list .dd-list {

    padding-right: 30px;

}

.dd3-content span {

    float: left;

}

.panel-group .panel .panel-title .material-icons {

    float: right;

    line-height: 16px;

    margin-left: 8px;

    margin-right: 0px;

}


/*----------------genealogy-scroll----------*/

.genealogy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}
.genealogy-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e4e4e4;
}
.genealogy-scroll::-webkit-scrollbar-thumb {
    background: #212121;
    border-radius: 10px;
    transition: 0.5s;
}
.genealogy-scroll::-webkit-scrollbar-thumb:hover {
    background: #d5b14c;
    transition: 0.5s;
}


/*----------------genealogy-tree----------*/
.genealogy-body{
    white-space: nowrap;
    overflow-y: hidden;
    padding: 50px;
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
}
.genealogy-tree{
  display: inline-block;
  direction:ltr;
}
.genealogy-tree ul {
    padding-top: 20px; 
    position: relative;
    padding-left: 0px;
    display: flex;
    justify-content: center;
}
.genealogy-tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
}
.genealogy-tree li::before, .genealogy-tree li::after{
    content: '';
    position: absolute; 
  top: 0; 
  right: 50%;
    border-top: 2px solid #ccc;
    width: 50%; 
  height: 18px;
}
.genealogy-tree li::after{
    right: auto; left: 50%;
    border-left: 2px solid #ccc;
}
.genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before {
    display: none;
}
.genealogy-tree li:only-child{ 
    padding-top: 0;
}
.genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after{
    border: 0 none;
}
.genealogy-tree li:last-child::before{
    border-right: 2px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.genealogy-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;
}
.genealogy-tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 2px solid #ccc;
    width: 0; height: 20px;
}
.genealogy-tree li a{
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.genealogy-tree li a:hover+ul li::after, 
.genealogy-tree li a:hover+ul li::before, 
.genealogy-tree li a:hover+ul::before, 
.genealogy-tree li a:hover+ul ul::before{
    border-color:  #fbba00;
}

/*--------------memeber-card-design----------*/
.member-view-box{
    padding:0px 20px;
    text-align: center;
    border-radius: 4px;
    position: relative;
}
.member-image{
    position: relative;
}
.member-image img{
    width: 150px;
    height: 150px;
    border-radius: 6px;
  z-index: 1;
}

.table thead tr th {
    text-align: center;
	direction:rtl;
}

.table tbody tr td {
    text-align: center;
	direction:rtl;
}