/*!
 * Admin CSS
 */

/* Html */
html{
	-webkit-text-size-adjust: 100%; 
	    -ms-text-size-adjust: 100%; 
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box; 
	text-rendering: optimizeLegibility
}

/* Body */
body{color: #333; 
	-webkit-font-smoothing: antialiased
}

/* Webkit Scrollbar */
::-webkit-scrollbar{width: 4px}
::-webkit-scrollbar-thumb{background: #333}

/* Selection */
::selection{background-color: #444; color: #FFF}
::-webkit-selection{background-color: #444; color: #FFF}
::-moz-selection{background-color: #444; color: #FFF}
::-o-selection{background-color: #444; color: #FFF}

/* Hyperlinks */
a{color: #444; text-decoration: none}
a:hover, a:focus{color: #555; text-decoration: underline}

/* Font Awesome Core */
[class^="icon-"], [class*=" icon-"]{}
[class^="icon-"]:hover, [class*=" icon-"]:hover{text-decoration: none}

/* Brand */
body > .navbar .brand{color: #777; float: right; font-family: BYekan, Tahoma; font-size: 18px; font-weight: normal; padding: 10px 0; margin-left: 20px;
	text-shadow: none; 
	-webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
         -o-transition: all .2s linear;
        -ms-transition: all .2s linear;
            transition: all .2s linear
}
body > .navbar .brand:hover{text-decoration: none; 
	text-shadow: none;
}

/* Navbar */
.navbar .nav > li{float: right}

/* Container */
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width: 980px}
.content{min-height: 450px !important}

/* Breadcrumb */
.breadcrumb{margin-top: 20px}
.breadcrumb .divider:before{color: transparent; content: "/"; font-size: 0}

/* Footer */
footer{margin-top: 20px}
.footer{border-top: 2px solid #666; padding: 10px 0}

/* Sidenav */
.sidenav{background-color: #FFF; width: 215px; position: relative; margin: 20px 0; padding: 0;
	-webkit-border-radius: 6px; 
	   -moz-border-radius: 6px; 
	        border-radius: 6px; 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); 
	   -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); 
	        box-shadow: 0 1px 4px rgba(0,0,0,.065)
}
.sidenav > li > a{border: 1px solid #E5E5E5; display: block; width: 190px \9; margin: 0 0 -1px; padding: 8px 14px}
.sidenav > li:first-child > a{
	-webkit-border-radius: 6px 6px 0 0; 
	   -moz-border-radius: 6px 6px 0 0; 
	        border-radius: 6px 6px 0 0
}
.sidenav > li:last-child > a{
	-webkit-border-radius: 0 0 6px 6px; 
	   -moz-border-radius: 0 0 6px 6px; 
	        border-radius: 0 0 6px 6px
}
.sidenav > li > a:hover{background-color: #F5F5F5; color: inherit; text-shadow: none}
.sidenav > .active > a{border: 0; position: relative; z-index: 2; padding: 9px 15px;
	text-shadow: none;
	-webkit-box-shadow: none; 
	   -moz-box-shadow: none; 
	        box-shadow: none
}
.sidenav > .active > a:hover, .sidenav .active > a:focus{background-color: #08C; color: #FFF; 
	text-shadow: none;
	-webkit-box-shadow: none; 
	   -moz-box-shadow: none; 
	        box-shadow: none
}
.sidenav .icon-chevron-left{float: left; margin-top: 2px; margin-left: -6px; opacity: .25}
.sidenav a:hover .icon-chevron-left{opacity: .5}
.sidenav .active .icon-chevron-left, .sidenav .active a:hover .icon-chevron-left{opacity: 1}

/* Nav List Admin */
.nav-list-admin li a{border: none; border-bottom: 1px solid #EEE; padding: 12px 15px; 
	-webkit-border-radius: 0; 
	   -moz-border-radius: 0; 
	        border-radius: 0
}
.nav-list-admin li:last-child a{border: none}
.nav-list-admin li a:hover{background-color: #F5F5F5}

/* Sorting */
.sort-indicator{background-image: url("/assets/images/glyphicons_halflings.png"); display: none; width: 14px; height: 14px; margin-top: 4px; margin-right: 7px; background-repeat: no-repeat}
.sortable, .sorted{padding: 0 !important}
.sortable a, .sorted a{background: inherit; display: block; padding: 8px; overflow: hidden; text-decoration: none}
.sortable a:hover, .sorted a:hover{text-decoration: none}
.sortable a span, .sorted a span{float: right; cursor: pointer}
.sorted.asc .sort-indicator, .desc:hover span.sort-indicator{display: block; background-position: -288px -120px}
.sorted.desc .sort-indicator, .asc:hover span.sort-indicator{display: block; background-position: -313px -119px}

/* Album Photos List */
.album-photos-list .attach-select-deleting{background-color: #F7F7F7; border-color: #EEE;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); 
	   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); 
	        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25)
}
.album-photos-list .attach-select-deleting img{opacity: .2}
.album-photos-list .attach-loading{background: url("/assets/images/white_gray_circle_16x16.gif"); width: 16px; height: 16px; position: absolute; top: 30%; left: 47%}
.album-photos-list li{position: relative}

/* Attachment Modal */
#attachment-modal.modal{width: 980px; margin-left: -490px}
#attachment-modal.modal .modal-body{max-height: 400px}
#attachment-modal.modal .modal-footer{height: 35px}
#attachment-modal .attachment-container{height: 400px; border-left: 1px solid #DDD}
#attachment-modal .tabs-right > .nav-tabs{margin-left: 5px}
#attachment-modal .attach-files-list-tab{max-height: 400px; overflow-y: auto}
#attachment-modal .attach-side{max-height: 400px; overflow-y: auto}
#attachment-modal .attach-side .title{font-weight: bold; margin-bottom: 5px}
#attachment-modal .table th, #attachment-modal .table td{padding: 0}
.attach-files-list-empty{padding: 150px 0; text-align: center}
.attach-selected-list{width: 800px; position: relative}
.attach-selected-list li{margin: 2px}
.attach-selected-list li img{width: 48px; height: 27px}
.attach-files-list .attach-status{position: absolute; top: 0; left: 0; display: none}
.attach-files-list .attach-selected .attach-status{display: block}
.attach-files-list .attach-select-here{background-color: #0069D6; border-color: #08C;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 
	   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); 
	        box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25)
}
.attach-files-list .attach-select-deleting{background-color: #F7F7F7; border-color: #EEE;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); 
	   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); 
	        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25)
}
.attach-files-list .attach-select-deleting img{opacity: .2}
.attach-files-list .attach-loading{background: url("/assets/images/white_gray_circle_16x16.gif"); width: 16px; height: 16px; position: absolute; top: 30%; left: 40%}
.attach-files-list li{position: relative}

/* Datepicker */
.dropdown-menu.datepicker{right: auto}