/* Global Styles */

/* ------------------------------- */
@import url("font_api.css");

*{
    font-family: 'Ham3d';
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Ham3d';
}


html, body{
    height:100%;
}
/* Wrappers */

/* ------------------------------- */

#wrapper {
    width: 100%;
    height: 100%;
}

hr{
    background-color: #13C4A5;
}

@media(min-width:768px) {
    #page-wrapper {
        position: absolute;
        margin: 0 0 0 0;
        width: 88%;
        right: 200px;
        padding: 0 30px;
        min-height: 1300px;
        border-right: 1px solid #394958;

    }
}

.navbar-static-side ul li {
    border-bottom: 1px solid #394958;
}


/* Navigation */

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */
.navbar-top-links{
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: auto;
    min-width: 350px;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

.sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-first-level ul,
.nav-second-level ul,
.nav-third-level ul {
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-right: 25px;
}

.nav-third-level li a {
    padding-right: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
       
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
    
    .navbar-static-top {
        width: 100%
    }
    .sidebar_right{
        width: auto;
        min-height: 1500px;
        height: 100%;
        margin-top: 0;
        margin-left: 7px;
        background-color: #233445;
        border-left: 1px solid #DDDDDD;
        padding-bottom: 100px;
    }
    
    
}

/* Buttons */

/* ------------------------------- */

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #FF5F5F !important;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

/* Login Page */

.login-panel {
    margin-top: 25%;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */



.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
    direction: rtl;
    color: #222;
    margin-left: 20px;
    font-size: 14px;
}

.btn-circle > i {
    color: #fff;
    display: block;
    font-size: 34px;
    line-height: normal;
    margin: auto;
    /*background-color: #FF5F5F;*/

}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}

.user-img{
    background-color: #233445;
    height: auto;
    padding: 10px 0 10px 0;
}

.nav-light{
    /*background-color: #BFC7D0;*/
    background-color: #fff;
}

.nav-inverse, .nav-inverse a{
    background-color: #233445;
    color: #8E9EAE;
}

.nav-second-level li {
    background-color: #2E353C;
}
.nav-second-level li a{
    background-color: #2E353C;
}


.nav-inverse, .nav-inverse a:active{
    background-color: #233445;
    color: #8E9EAE;
}

.nav-first-level li a:hover,
.nav-first-level li a:focus,
.nav-first-level li a:active{
    background-color: #182734;
    color: #fff;
}

.tile-stats {
    position: relative;
    display: block;
    background: #303641;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    min-height: 102px;
    height: auto
}
.tile-stats:hover {
    background: #252a32;
}
.tile-stats .icon {
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    
}
.tile-stats .icon i {
    font-size: 100px;
    line-height: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.tile-stats .icon i:before {
    margin: 0;
    padding: 0;
    line-height: 0;
}
.tile-stats .num,
.tile-stats h3,
.tile-stats p {
    position: relative;
    color: #ffffff;
    z-index: 5;
    margin: 0;
    padding: 0;
}
.tile-stats .num {
    font-size: 38px;
    font-weight: bold;
}
.tile-stats h3 {
    font-size: 18px;
    margin-top: 5px;
}
.tile-stats p {
    font-size: 11px;
    margin-top: 5px;
}
.tile-stats.tile-red {
    background: #FF3428;
}
.tile-stats.tile-red:hover {
    background: #D50D0D;
}
.tile-stats.tile-red .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-red .num,
.tile-stats.tile-red h3,
.tile-stats.tile-red p {
    color: #ffffff;
}
.tile-stats.tile-green {
    background: #4BDB62;
}
.tile-stats.tile-green:hover {
    background: #48C259;
}
.tile-stats.tile-green .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-green .num,
.tile-stats.tile-green h3,
.tile-stats.tile-green p {
    color: #ffffff;
}
.tile-stats.tile-blue {
    background: #0F87FF;
}
.tile-stats.tile-blue:hover {
    background: #0D6EDC;
}
.tile-stats.tile-blue .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-blue .num,
.tile-stats.tile-blue h3,
.tile-stats.tile-blue p {
    color: #ffffff;
}
.tile-stats.tile-aqua {
    background: #00c0ef;
}
.tile-stats.tile-aqua:hover {
    background: #00acd6;
}
.tile-stats.tile-aqua .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-aqua .num,
.tile-stats.tile-aqua h3,
.tile-stats.tile-aqua p {
    color: #ffffff;
}
.tile-stats.tile-cyan {
    background: #FDCA17;
}
.tile-stats.tile-cyan:hover {
    background: #FCB61F;
}
.tile-stats.tile-cyan .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-cyan .num,
.tile-stats.tile-cyan h3,
.tile-stats.tile-cyan p {
    color: #ffffff;
}
.tile-stats.tile-purple {
    background: #ba79cb;
}
.tile-stats.tile-purple:hover {
    background: #b167c4;
}
.tile-stats.tile-purple .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-purple .num,
.tile-stats.tile-purple h3,
.tile-stats.tile-purple p {
    color: #ffffff;
}
.tile-stats.tile-pink {
    background: #ec3b83;
}
.tile-stats.tile-pink:hover {
    background: #ea2474;
}
.tile-stats.tile-pink .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-pink .num,
.tile-stats.tile-pink h3,
.tile-stats.tile-pink p {
    color: #ffffff;
}
.tile-stats.tile-orange {
    background: #ffa812;
}
.tile-stats.tile-orange:hover {
    background: #f89d00;
}
.tile-stats.tile-orange .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-orange .num,
.tile-stats.tile-orange h3,
.tile-stats.tile-orange p {
    color: #ffffff;
}
.tile-stats.tile-brown {
    background: #6c541e;
}
.tile-stats.tile-brown:hover {
    background: #584418;
}
.tile-stats.tile-brown .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-brown .num,
.tile-stats.tile-brown h3,
.tile-stats.tile-brown p {
    color: #ffffff;
}
.tile-stats.tile-plum {
    background: #701c1c;
}
.tile-stats.tile-plum:hover {
    background: #5c1717;
}
.tile-stats.tile-plum .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-plum .num,
.tile-stats.tile-plum h3,
.tile-stats.tile-plum p {
    color: #ffffff;
}
.tile-stats.tile-gray {
    background: #f5f5f5;
}
.tile-stats.tile-gray:hover {
    background: #e8e8e8;
}
.tile-stats.tile-gray .icon {
    color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-gray .num,
.tile-stats.tile-gray h3,
.tile-stats.tile-gray p {
    color: #8f8f8f;
}
.tile-stats.tile-white {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white .num,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
    color: #303641;
}
.tile-stats.tile-white:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-red {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-red:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-red .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-red .num,
.tile-stats.tile-white-red h3,
.tile-stats.tile-white-red p {
    color: #FF3428;
}
.tile-stats.tile-white-red:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-green {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-green:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-green .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-green .num,
.tile-stats.tile-white-green h3,
.tile-stats.tile-white-green p {
    color: #4BDB62;
}
.tile-stats.tile-white-green:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-blue {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-blue:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-blue .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-blue .num,
.tile-stats.tile-white-blue h3,
.tile-stats.tile-white-blue p {
    color: #0F87FF;
}
.tile-stats.tile-white-blue:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-aqua {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-aqua:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-aqua .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-aqua .num,
.tile-stats.tile-white-aqua h3,
.tile-stats.tile-white-aqua p {
    color: #00c0ef;
}
.tile-stats.tile-white-aqua:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-cyan {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-cyan:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-cyan .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-cyan .num,
.tile-stats.tile-white-cyan h3,
.tile-stats.tile-white-cyan p {
    color: #FDCA17;
}
.tile-stats.tile-white-cyan:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-purple {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-purple:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-purple .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-purple .num,
.tile-stats.tile-white-purple h3,
.tile-stats.tile-white-purple p {
    color: #ba79cb;
}
.tile-stats.tile-white-purple:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-pink {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-pink:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-pink .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-pink .num,
.tile-stats.tile-white-pink h3,
.tile-stats.tile-white-pink p {
    color: #ec3b83;
}
.tile-stats.tile-white-pink:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-orange {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-orange:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-orange .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-orange .num,
.tile-stats.tile-white-orange h3,
.tile-stats.tile-white-orange p {
    color: #ffa812;
}
.tile-stats.tile-white-orange:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-brown {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-brown:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-brown .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-brown .num,
.tile-stats.tile-white-brown h3,
.tile-stats.tile-white-brown p {
    color: #6c541e;
}
.tile-stats.tile-white-brown:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-plum {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-plum:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-plum .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-plum .num,
.tile-stats.tile-white-plum h3,
.tile-stats.tile-white-plum p {
    color: #701c1c;
}
.tile-stats.tile-white-plum:hover {
    background-color: #fafafa;
}
.tile-stats.tile-white-gray {
    background: #ffffff;
    border: 1px solid #ebebeb;
}
.tile-stats.tile-white-gray:hover {
    background: #f2f2f2;
}
.tile-stats.tile-white-gray .icon {
    color: #f2f2f2;
}
.tile-stats.tile-white-gray .num,
.tile-stats.tile-white-gray h3,
.tile-stats.tile-white-gray p {
    color: #8f8f8f;
}
.tile-stats.tile-white-gray:hover {
    background-color: #fafafa;
}

.input, textarea {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    margin: 5px 0 5px 0;
    padding: 2px ;
    height: 25px;
}


.radio label, .checkbox label {
    cursor: pointer;
    display: inline;
    font-weight: 200;
}

.inputError{
    background-color: #FDE4E1;
    border: 1px solid #A94442;
    color: #A94442;;
}

.inputSuccess{
    background-color: #D5FFC6;
    border: 1px solid #3C763D;
    color: #3C763D;
}

.inputwarning{
    background-color: #FEE8C4;
    border: 1px solid #F8C64E;
    color: #F8C64E;
}

.row_active{
    background: #FEE8C4 ;
}


.favorite_product {
    position: relative;
    width: 23%;
    height: 180px;
    border-radius: 5px;
    margin: 5px;
    float: right;
    padding: 5px;
    text-align: center;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;

}

.favorite_product input{
    width: 80%;
    background-color: #fff;
    border-color: #ccc;
    text-align: center;
}

.favorite_product > span{
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.favorite_product > label{
    font-weight: normal;
}

textarea[name="description"]{
    margin-bottom: 10px;
}


.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:0px; }


.footer_main{
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #999999;
    height:36px;
    bottom: 0;
}

.footer_main img{
    position: relative;
    top: 3px; 
    margin-right: 10px;
}
.footer_main a{
    color: #262626
}



.show_info_content{
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
	height:0px;
	vertical-align:middle;
        background-color: #eeebeb
        
        
}
.show_info_content td{
	padding:0px !important;
        overflow: hidden;
        /*text-align: right;*/
}
.show_info_content .show_info_container{
	display:none;
        text-align: right;
        padding: 20px;
        
}
.show_info_content_open{
	height:220px!important;	
}
.show_info_content_open .show_info_container{
	display:block;
}


.new_filter > ul{
    width:auto;
    list-style: none;
    list-style-type: none;
}
.new_filter > ul > li > .div_top > .cll{
    display:block;
    width:225px;
    position:absolute;
    border:0px solid #CDCDCD;
    border-radius:0px 0px 5px 5px;
    right:0px;
    height:0;
    overflow:hidden;
    top:30px;
    background:#ccc;
    z-index:999999;
    padding: 0px;
    /*font-size:14px;*/	
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}
.new_filter > ul > li > .div_top > .cll ul li{
    margin-bottom:15px;
}
.new_filter > ul > li{
    float:right;
    width: 230px;
    position:relative;
    /*margin-left:10px;*/
    margin-bottom:20px;
    font-size:16px;
    list-style: none;
} 
.cat_filters{
    /*overflow:visible;*/
    float:right;
}
.new_filter > ul > li > .div_top > .cll ul li{
    margin-bottom:10px;
    line-height:16px;
    list-style: none;
}
.new_filter > ul > li > .div_top > span{
    width:98%;
    height:100%;
    padding:3%;
    display:block;
    background: url("images/select2.png") no-repeat scroll 9px 10px #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    box-shadow: 0 3px 0 0 #d6d6d6;
    color: #000000;
    height: 30px;
    line-height: 13px;	
}
.new_filter > ul > li .div_top:hover .cll{
    height:190px;
    /*padding:20px 10px;*/
    border:1px solid #CDCDCD;	
    /*overflow:auto;*/	
}
.div_bottom{
    width: 220px;
}
.db_show{
    height:25px;
    line-height:25px;
    font-size:13px;
    border:1px solid #D9D9D9;
    width:225px;
}
.db_show span{
    float:right;
    width:190px;
    padding-right:10px;
    vertical-align: middle;
}
.db_show a{
    float:left;
    height:20px;
    line-height:19px;
    width:20px;
    border-right:1px solid #D9D9D9;
    margin-top:4px;
    text-align:center;
}
.db_show a:hover{
    color:#EB2332;
}

.fa-s14{
    font-size: 14px;
}

.fa-s16{
    font-size: 16px;
}

.fa-s18{
    font-size: 18حط;
}

.fa-s20{
    font-size: 20px;
}

input[name="file"] {
    max-width: 300px;
}