/********************************************************************************
* #                      Advanced File Manager v3.0
* #******************************************************************************
* #      Author:     Convergine.com
* #      Email:      info@convergine.com
* #      Website:    http://www.convergine.com
* #
* #
* #      Version:    3.0
* #      Copyright:  (c) 2009 - 2014 - Convergine.com
* #
* #*******************************************************************************/
@font-face {
    src: url(../includes/fonts/Tajawal-Regular.ttf);
    font-family: 'Tajawal';
}
body{direction: rtl; background:url(../images/background.jpg) no-repeat center fixed; font:normal 12px 'Tajawal', sans-serif; background-size:cover;}

form label{font-size: 14px;font-family: "Tajawal",sans-serif;}
#header {width:960px; margin:auto;}
#header h1 {
    width: 50%;
    color: #FFFFFF;
    float: right;
    font: 38px 'Tajawal';
    margin: 15px 0;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.27);
}
#header h1 a{text-decoration: none;color: inherit}
#header span { float:left; font:14px 'Tajawal', sans-serif; color:#fff;  padding:35px 0 0 0;}
#header span a{color:#fff; text-decoration:underline;float: right;
    direction: ltr;
    margin-left: 5px;}
.clear {float:none; clear:both;}
.dataTables_wrapper label{font-weight: normal}
#content {
    background: url("../images/icons/line_colored.png") no-repeat 0 0 #FFFFFF;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 0 24px rgba(0, 0, 0, 0.3);
    margin: auto;
    min-height: 300px;
    width: 960px;
}
/*#content-navbar{padding:25px 32px 25px 32px;}*/
.content-nav {width:100px; float:left; text-align:center; color:#333; font:normal 12px 'Tajawal', sans-serif;height:20px; margin-bottom:30px; }
.content-nav img {display:block;  }
.content-nav div { position:inherit; bottom: 0; left: 0; height:60px; }
.content-center {display: table-cell; vertical-align:bottom; width:140px; margin:auto;}
.content-center img{display:block; margin:auto; }

#content-main {
    padding: 6px 28px 25px 28px;
}
#content-main h2{font:normal 25px 'Tajawal'; color:#444; position:relative;float: right;}
#content-main h3 {
    color: #444444;
    font: 18px 'Tajawal';
    position: relative;
    margin: 20px 0;
    clear: both;
}
#content-main p{font:normal 14px 'Tajawal', sans-serif; color:#333; }
#content-main table{width:100%;margin-bottom: 20px}
#content-main table td {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: #FFFFFF;
    /*background-image: url("../images/tbl_line.jpg") !important;*/
    background-origin: padding-box !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    padding: 8px;
    background-color: #f0f0f0
}
#content-main table tr.odd td{background-color: #fff}

#content-main #tblHeader td{
background-color: #444;
font-weight: bold;
}
#content-main table tr:last-child td {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
#content-main table tr td a span{
    height: 20px;
}
/*#content-main table tr td.row{padding:4px;background:url(../images/tbl_line.jpg) no-repeat; background-position: bottom left; color:#333;}*/
/* border-bottom:1px dashed #999999; */
#inline_content {
    background: none repeat scroll 0 0 #fff;
    padding: 30px 30px 80px;
}
#inline_content h2{font:normal 25px "Tajawal"; color: #444;}
.popup-form{
width: 500px;
}
.inner-form{ width: 580px;}
.inner-form-upgrade{width: 700px;}
.center-form{margin: 0 auto;width: 400px}
#content-main table tr#tblHeader{background: #444444;color:#ffffff;height:35px;font-size:13px;}
.list {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 30px;
    margin-left: 0;
    padding-left: 20px;
}
table.lra td:last-child {
    text-align: right;
}
.uploadInfo{list-style: none;padding: 0;margin: 0;}
.uploadInfo li{display: block;font-size: 14px;font-weight: bold}
.uploadInfo li label{display: inline-block;width: 170px;font-weight: normal}
.uploadInfo li span {
    float: right;
    width: 734px;
}
.preview video{
max-width: 450px;
}

#content {
    background: url("../images/icons/line_colored.png") no-repeat scroll 0 0 #ffffff;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 0 24px rgba(0, 0, 0, 0.3);
    margin: 26px auto auto;
    min-height: 300px;
    padding: 0 0 40px;
    position: relative;
    width: 960px;
}

#content p {
    line-height: 140%;
    padding-bottom: 20px
}
#content .desc_item {
    margin-bottom: 5px;
}
.content_block {
    padding-top: 30px
}

.install_container {
    width: 700px;
    margin: 0 auto;
}
.install_container a, .install_container a:visited { color: #0066FF; }

.content-nav img {
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
}
.content-nav img {
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
}

.content-nav img:hover {
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(50%); /* Current draft standard */
-webkit-filter: grayscale(50%); /* New WebKit */
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%);
}
.content-nav img.selected {
filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6+ */
filter: grayscale(0%); /* Current draft standard */
-webkit-filter: grayscale(0%); /* New WebKit */
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%);
}

.bottom_line{width:94%;height:1px;background:#ccc;margin:0 auto;position:relative;margin-top:20px;padding:0px;}

/*stats.php*/
#wrapper{width:100%;}
.col{width:33.33%;float:right;}

.form-group .icon-info {
    font-size: 14px;
    padding: 8px 0 0;
}
.form-group .icon-info img{margin-left: 5px}


h4 { color:#333;font:normal 14px 'Tajawal', sans-serif; }
.col h4{font-size: 15px;color: #333}

#content-main .stat{
width: 90%;
border-spacing: 0;
padding:0 ;
}
#content-main .stat th{padding-bottom: 3px;background-color: #333333;color: #fff}
#content-main .stat tr.odd td{background-color: #fff !important;}
#content-main table.stat tr td {
    background-color: #f0f0f0 !important;
    padding: 3px;
}

#content-main .topFiles table{min-width: 500px;width: auto}
#content-main .topFiles table td{padding: 3px 8px;font-size: 14px;color: #444444}
#content-main .topFiles table tr.odd td{background-color: transparent}
#content-main .topFiles table th{padding: 3px 8px;font-size: 14px;}

#content-main .topFiles table tr:last-child td{background-color: #f0f0f0 !important;}





/*#######################   Styles   ###############################*/
.rFloat{float: right}
section{ width:900px;  margin:0px auto 0px auto;  background:#FFF; padding:35px 30px;  clear:both; background:#FFF;  }
.accesslevel {margin-left: 0px; float:left; display:inline; background:red;}

.contentPage{color:#000000; line-height:21px; font-family:'Tajawal', sans-serif}
.contentPage h2{ font-size:24px; color:#000000; margin-bottom:20px; font-weight:normal; font-family: 'Tajawal';}
.contentPage h3{ font-size:21px; color:#000000; margin-bottom:20px; font-weight:normal; font-family: 'Tajawal';}
.contentPage > ul{ list-style:none;}
.contentPage > ul li{ width:269px; float:left; padding-left:30px; background:url(../images/checkGood.png) 0px 3px no-repeat; line-height:15px; margin-bottom:18px }
.tooltip { position:absolute; width:350px; z-index:100  }

span.radio.checked { background-position: -20px 0;}
span.radio { background: url("../images/radio.png") 0px 0px;cursor: pointer; display: inline-block; height: 17px;line-height: 17px;vertical-align: middle; width: 17px; margin-right:8px}
span.radio input { display: none;}

.fmCommentWrap {display: block; overflow: hidden;}
.fmGravatar { float: left; width: 100px; height: 100px;}
.cell{width: 125px;overflow: hidden}
.fmMessage { float: right; width: 791px; height: 143px; background: url(../images/commentBubble.png) no-repeat;}
.fmMessageHeader { padding: 10px 0 15px 28px}
.fmMessageText {padding: 10px 0 20px 28px}
.typeCheck { background: url("../images/checkNormal.png") -1px -21px; cursor: pointer;display: block;float: left; height: 17px; margin-top: 0px;width: 17px;margin-right:13px;}
.typeCheck.active { background-position: -1px -1px;}
.message{ background:#EFEFEF; border-top:2px solid #CDCDCD; border-left:2px solid #CDCDCD;
    border-bottom:2px solid #E7E7E7; border-right:2px solid #E7E7E7;
    font-size:12px; color:#737373; padding:0px 13px; height:38px;  float:left; width:453px; margin-right:20px; float:right; font-family:'Tajawal', sans-serif; border-radius:4px     }

.subLabel { font-weight: normal; padding-top: 10px;font-size: 20px;}
.subLabel a{color: #333;text-decoration: underline;font-size: 13px;}
.popup-form .checkbox-inline.fixed,.inner-form  .checkbox-inline.fixed{ margin-left: 0; margin-right: 10px;}
#cboxClose {left: 3px; right: auto;}
.contentInput img{ position:absolute; right:22px; top:15px;   }

.loginMessage{ border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;margin-bottom: 20px; padding: 15px; clear: both;}
.loginSuccess{ background-color: #DFF0D8;border-color: #D6E9C6; color: #3C763D;}
.loginWarning{ background-color: #FEEFB3; border-color: #eea236;color: #c67605;}
.loginSuccess a{color: #000;text-decoration: underline;}
.loginError{ background-color: #F2DEDE;border-color: #FD5B5B; color: #9F0000;}
.loginSuccessX {background:#778d51;}
.loginErrorX {background:#b6602c;}
.loginX {width:20px; height:15px; border-radius:15px; padding:0 0 5px 1px; float:right; margin:-20px -20px 0 0;}

/*upload_step1.php*/
#btnsubmitchanges{
    width:116px;height:36px;background:url(../images/btn-submit.png);border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;cursor:pointer;margin-left:123px;margin-top:5px;
}

#btnsubmit2{
    width:116px;height:30px; background:url(../images/btn-right.png) ;border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;float: right;text-align: center;padding-top: 5px;
}

#btncancelupload{
    width:167px; height:37px; background:url(../images/btn-canceluploads1.png) ;border:0px;color:#fff;font:normal 16px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center; margin-left:20px;
}

#btn-savesettings{
    width:159px;height:49px; background:url(../images/btn-save-settings.png) ;border:0px;color:#fff;font:normal 16px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center;
}

#btn-createuser{
    width:159px;height:49px; background:url(../images/btn-create-user.png) ;border:0px;color:#fff;font:normal 16px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center;
}

#btn-downloadbackup{
    width:146px; height:36px; background:url(../images/btn-download-logs.png) no-repeat ;border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center; text-decoration: none; padding:5px 10px 10px 10px;
}

#btn-upload1{
    width:146px; height:36px; background:url(../images/btn-upload1.png) no-repeat ;border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center; text-decoration: none; padding:10px 25px 10px 25px;
}

#btn-postmessage{
    width:146px; height:36px; background:url(../images/btn-post-message.png) no-repeat ;border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center; text-decoration: none; padding:10px 25px 10px 25px;
}

#btn-sendlink{
    width:146px; height:36px; background:url(../images/btn-sendlink.png) no-repeat ;border:0px;color:#fff;font:normal 14px 'Tajawal', sans-serif;text-shadow: 1px 1px 2px #253246;
    cursor:pointer;text-align: center; text-decoration: none; padding:10px 25px 10px 25px;
}

.inline{
    color:#fff;font:normal 16px 'Tajawal', sans-serif;
    text-decoration: none; width:116px;height:30px;

}

#txtinput{margin-left:28px; width:300px;height:41px;background:url(../images/input_bg.jpg);border:0px;color:#333;}
.select1{
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 0 2px #CCCCCC inset;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-left: 28px;
    padding: 8px 0 8px 9px;
    position: relative;
    vertical-align: middle;
    width: 301px;
}
#txtinputMB{margin-left:20px; width:46px;height:40px;background:url(../images/input_bg_small.jpg);border:0px;color:#333;}
.footer{margin:0 auto; margin-top:30px; margin-bottom:20px; width:137px; height:22px;text-align: center}
#controlbarControls {
    float: right;
    margin: 7px 30px 0 0;
}

h1.header {
    color: #FFFFFF;
    font-family: 'Tajawal',cursive;
    font-size: 44px;
    font-weight: normal;
    //height: 56px;
    margin: 81px auto 20px;
    text-shadow: 1px 1px 1px #555555;
    width: 540px;
}

.loginForm {
    margin: 0 auto;
    width: 500px;
}
.loginForm form{
    width: 300px;
    margin:0 auto;
}
.loginForm h4{font-family:'Tajawal';color: #eee;text-shadow: 1px 1px 1px #555; font-size:14pt;text-align: center;padding-bottom: 20px}
.captchaCont{border:1px solid #667b8e; background:#a9bdce; width:300px; height:42px; padding:0 !important; margin:0 auto 20px auto; border-radius:5px; text-align:none;}
.captchaLeft{float: left}
.captchaRight{float:right; padding:10px 12px 0 0}
.captchaRight img{}
.fileInfo {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 2px #CCCCCC;
    float: left;
    height: 200px;
    margin: 12px;
    padding: 5px;
    text-align: center;
    width: 200px;
    overflow: hidden;
}
.fileInfo.ook {
    border-color: #008000;
    box-shadow: 0 0 5px rgba(0, 100, 0, 0.8);
}
.fileInfo.error {
    border-color: #800000;
    box-shadow: 0 0 5px rgba(100, 0, 0, 0.8);
}
.col{
    font:normal 14px 'Tajawal', sans-serif;
}
#content-main .col h2{float: none}

#content-main .table-striped{}
#content-main .table-striped td{background: transparent;vertical-align: middle}
#content-main .table-striped a{color:#333}

.updatePass {
    display: inline-block;
    margin-top: 8px;
}
.radio-inline, .checkbox-inline {

    line-height: 20px;
}
.checkbox {
    line-height: 20px;
    min-height: 20px !important;
    padding-top: 0 !important;
}
.checkbox.sub{
     margin-left: 21px;
 }
.checkbox.subSub {
    margin-left: 42px;
    margin-top: 0;
    padding-top: 0;
}

.homeTable tr td:first-child {
    padding-left: 20px !important;
    width: 400px;
}

h1.header_install {
    color: #FFFFFF;
    font-family: 'Tajawal',cursive;
    font-size: 44px;
    font-weight: normal;
    height: 56px;
    margin: 81px auto 20px;
    text-shadow: 1px 1px 1px #555555;
    width: 747px;
}
.form-horizontal .form-control-static {
    padding-bottom: 5px !important;
    padding-top: 7px;
}

.install-form p, .login p { font-size: 14px;}
.demoWarning { text-align: center; font-weight: bold; max-width: 300px; width: 300px; margin: 0 auto;}

/*mah style*/
.lFloat{float: left;}
.mah p.mah_filename {
    padding-bottom: 10px
}
.mah .desc_item {
    margin-bottom: 5px;
}
.mah .search_area{
    padding: 0px;
    padding-bottom: 40px;
    color: #444444;
}
.mah .search_area .col-sm-2{
    padding-left: 7px;
    padding-right: 7px;
    float: right;
}
.mah .search_area .col-sm-2:last-child{
    float: left;
}
.mah .search_area button{
    height: 34px;
    width: 100%;
    padding: 0px 35px;
    border-radius: 3px;
}
.mah .search_area label{
    width: 100%;
}
.mah .search_area input , .mah .search_area select{
    border-color: darkgrey;
    border-radius: 1px;
    font-size: 13px;
}
.mah .search_area input[type=date]{
    padding-right: 0px;
    padding-left: 10px;
}
.mah .mah_ul_nav {
    float: right;list-style: none;
}
.mah .mah_ul_nav .dropdown-lang img{
    width: 35px;
    height: 23px;
    border-radius: 20%;
    margin-left: 10px;
    margin-right: 5px;
    opacity: 0.7;
}
.mah .mah_ul_nav .dropdown-menu{
    top: unset;
    left: unset;
    margin: 29px -20px 0px 0px;
    min-width: 140px;
}
.mah .mah_ul_nav .dropdown-menu a{
    float: left !important;
    padding: 5px;
    width: 95%;
}
.mah .mah_ul_nav .dropdown-menu a img{
    float: left;
    width: 30px;
    border-radius: 20%;
}
.mah .mah_ul_nav .dropdown-menu a span{
    float: left !important;
    margin-left: 15px;
    color: #666666 !important;
    padding: 0px !important;
}
@media (min-width: 768px){
    .mah .col-sm-offset-4 {
        margin: 0px;
        float: left;
    }
}
.mah .radio input[type=radio], 
.mah .radio-inline input[type=radio], 
.mah .checkbox input[type=checkbox], 
.mah .checkbox-inline input[type=checkbox]{
    float: right;
    margin-right: -20px;
}
.mah .radio-inline, .mah .checkbox-inline{
    padding-right: 20px;
    padding-left: 0px;
}
.mah .radio, .mah .checkbox{
    padding-right: 20px;
}
.mah .popup-form .checkbox-inline.fixed, .mah .inner-form .checkbox-inline.fixed{
    margin-left: 10px;
    margin-right: 0px;
}
.mah .col span{
    float: right;
    margin-left: 5px;
}
.mah ul li.settings-tab-selected{
    float: right !important;
}
.mah .settings-tab-text{
    float: right;
    padding: 15px 12px 0 0;
    height: 65px;
}
.mah .settings-tab-text p{
    padding-bottom: 10px;
    font: 12px 'Tajawal' !important;
}
.mah .settings-tab-text h3{
    font: 15px 'Tajawal' !important;
}
.mah .settings-tab-icon{
    width: 50px;
    padding: 20px 10px 0 15px;
    text-align: left;
}
/*mah style*/