/*----------------------------------------------------------------------
| Template Name: admin template of ittefaq-v1
------------------------------------------------------------------------
| @author: Orangebd
------------------------------------------------------------------------*/
body {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #646565;
    line-height: 20px;
    font-size: 14px;
	margin:0 auto; padding:0;
	background:#f8f8f8;
}
body.login-body{
	background:#333;	
	width: 100%; height: 100%;
}

input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    color: #767676;
}

a {
    color:#006699;
}

a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color:#CD0000; text-decoration:none
}

ul{margin:0; padding:0}

h1, h2, h3, h4, h5 {	
}

hr {
    border-color: #ddd;
}

.eng-font{
	font-family: 'Open Sans', sans-serif;
}
.bn-font{
	font-family:SolaimanLipi;
}
/*----------------------------------------------------------------------
| CONTAINER SECTION STYLES
------------------------------------------------------------------------*/
.container-fluid{
	/*max-width:1050px;*/
	text-align:left;
	margin:0 0 0 225px;
}

/*----------------------------------------------------------------------
| LEFT SECTION STYLES
------------------------------------------------------------------------*/
aside.sticky-left-side {
	background-color: #002147;
	width: 225px;
	position: fixed;
	padding: 0 0 15px 0;
	box-shadow: inset -5px 0px 8px rgba(0,0,0,0.3);
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999
}
aside.sticky-left-site.collapsed {
	overflow: visible !important;
	position: absolute;
	bottom: 0px;
}

/*----------------------------------------------------------------------
| LOGIN FORM STYLES
------------------------------------------------------------------------*/
#login_form{
	background:#fff;
	padding:25px; max-width:330px; text-align:left;
	margin-top:15%;
}
#login_form .logo{
	padding-bottom:15px; text-align: center;	
}
#login_form .logo img{
	position: relative;
    border: 8px solid #333;
    border-radius: 50%;
    padding: 15px;
    top: -80px;
    background: #fff;
}
#login_form form{
	margin-top: -70px
}
#login_form .input-form > div{
	margin-top:15px
}
#pwr_by > div{
	display: table; margin-top: 10px; text-align: center; color: #fff
}
#pwr_by > div > span{
	display: table-cell; vertical-align: middle;
}
.btn-login,
.btn-profile-submit,
.btn-chg-pass{
	display:inline-block;
	padding:5px 10px;
	background:#6bc5a4;
	color:#fff; cursor:pointer;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s
}

.btn-login:hover{
	background:#3CF; color:#fff
}

.profile-group-addon,
.chg-pass-group-addon{
	min-width:150px
}

.succ_msg{
	background:#090;
	color:#fff; font-weight:bold;
	padding:7px 10px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.err_msg{
	background:orange;
	color:#fff; font-weight:bold;
	padding:7px 10px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*----------------------------------------------------------------------
| TOP HEADER STYLES
------------------------------------------------------------------------*/
#top_header{	
	position:fixed; width:100%; top:0; left:225px; z-index:100
}
#top_header > .top_header_content{
	background:#f2f2f4;
	border-bottom:1px solid #dfdfdf; margin-right:225px
}
.navbar-toggle{
	margin: 13px 15px 10px 15px; padding: 0;
	display: block;
}
.navbar-toggle > .nav_bar{
	margin:5px; padding:0; width:25px; height:2px; background:#ccc
}
.welcome_msg{
	padding:10px 15px; font-size:16px; color:#aaa; border-left:1px solid #dfdfdf; border-right:1px solid #eee;
}
.welcome_msg > .user_img{
	color: #d3d3db;
	font-size: 18px;
	border: 1px solid #d3d3db;
	border-radius: 50px;
	height: 34px;
	width: 34px;
	text-align: center;
	display: block;
	padding: 6px;
}
.welcome_msg > .user_name{
	height:34px; padding:7px 10px 0 10px;
}

.nav-toolbar {
	padding:0 15px; margin:0	
}
.nav-toolbar > li {
	float:left;
	padding: 10px 15px; margin:0;
	position: relative;
	list-style: none;
	border-left:1px solid #dfdfdf;
}
.nav-toolbar > li:last-child{
	border-right:1px solid #dfdfdf
}
.nav-toolbar > li > a {
	color: #d3d3db;
	font-size: 18px;
	border: 1px solid #d3d3db;
	border-radius: 50px;
	height: 34px;
	width: 34px;
	text-align: center;
	display: block;
	padding: 6px;
}
.nav-toolbar > li > a:hover{
	color:#aaa; border-color:#aaa
}
.nav-toolbar li span.badge {
	position: absolute;
	top: 5px;
	right: 10px;
	background-color: #8d82b5;
	font-weight: 300;
	cursor: pointer;
	height: 18px;
	width: 18px;
	padding: 3px;
}
.nav-toolbar li span.badge.bg-warning {
	background-color: #E35B5A;
}

/*----------------------------------------------------------------------
| SITE NAVIGATION HEADER STYLES
------------------------------------------------------------------------*/
.dashboard_logo a{
	display:block; margin-bottom:25px; font-size:26px; line-height:30px;
	background:#F8F8F8; width:100px; padding:15px; color:#f1f1f1; text-align:center;
	border-radius:0 0 50% 50%; -moz-border-radius:0 0 50% 50%; -webkit-border-radius:0 0 50% 50%;
	box-shadow: inset 0 5px 15px rgba(0,0,0,0.3);
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.navigation {
	margin: 20px 0px; text-align:left
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.navigation > ul > li {
	position: relative;
	border-bottom:1px solid #666
}
.navigation > ul > li:first-child{
	border-top:1px solid #666;
}
.navigation > ul > li > a {
	display: block;
	padding: 5px 15px;
	color: #7a7e8a;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #2f3444;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.navigation > ul > li > a > .nav-label{
	display:inline-block; padding-left:10px; font-size:14px
}
.navigation > ul > li.has-submenu:after {
	content: "\f105";
	font-family: 'FontAwesome';
	display: inline-block;
	position: absolute;
	color: #7a7e8a;
	right: 15px;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	top: 10px;
	visibility: hidden;
}
.navigation > ul > li > a > i{
	display:inline-block;
	text-align:center;
	width: 34px;
	height: 34px;
	padding-top: 12px;
	background: #999;
	color: #000;
	border-radius: 50px;		
}
.navigation > ul:hover > li.active > a {
	background-color: transparent;
	box-shadow: none;
	color: #7a7e8a;
}
.navigation > ul > li:hover > a,
.navigation > ul > li.active:hover > a,
.navigation > ul > li.active > a {
	color: #fff;
	background-color: gray;
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3);
	box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3);
}

.navigation > ul > li:hover > a > i,
.navigation > ul > li.active:hover > a > i,
.navigation > ul > li.active > a > i{
	background-color:#666; color:#fff
}
.navigation ul li ul {
	display: none;
	background-color: #333747;
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.2);
	box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.2);
}
.navigation ul li ul li a {
	padding: 8px 20px;
	color: #aaa;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	font-size: 13px;
	border-left: 0px solid #5e6271;
	text-align: left;
	display: block;
}
.navigation ul li ul li a:hover {
	border-left-width:4px
}

/*----------------------------------------------------------------------
| SITE MAP STYLES
------------------------------------------------------------------------*/
#site_map{
	margin:75px 5px 5px 5px;
}
#site_map > .breadcrumb{
	padding:0; background:none; font-size:20px
}
#site_map > .breadcrumb > li{
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	text-align: left;	
	background: #ff404b;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	
	-webkit-box-shadow: inset 6px 0 8px -2px rgba(0,0,0,0.2);
	box-shadow: inset 6px 0 8px -2px rgba(0,0,0,0.2);
}
#site_map > .breadcrumb > li+li:before{
	content:normal
}
#site_map > .breadcrumb > li:after{	
	border-color: transparent transparent transparent #ff404b;
	border-style: solid;
	border-width: 22px;
	content: '';
	display: block;
	position: absolute;
	right: -44px;
	top: 0px;
	z-index: 2;
	position: absolute;
}
#site_map > .breadcrumb > li i{
	border:1px solid #ccc; padding:5px;
	border-radius:50px;
}
#site_map > .breadcrumb > li a{
	display:block; color:#fff
}
#site_map > .breadcrumb > li.child {
	position: relative; margin-left:1px;
	padding-left: 35px; background:#060
}
#site_map > .breadcrumb > li.child:before {
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 22px solid #f8f8f8;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	position: absolute;
}
#site_map > .breadcrumb > li.child:after{
	border-color:transparent transparent transparent #060;
}
#site_map > .breadcrumb > li.active {
	background:#666
}
#site_map > .breadcrumb > li.active:after{
	border-color:transparent transparent transparent #666;
}

#site_map > .breadcrumb > li.for-msg {
	position: relative; margin-left:35px;
	padding: 0px; background:none
}
#site_map > .breadcrumb > li.for-msg:before {
	border:none
}
#site_map > .breadcrumb > li.for-msg:after{
	border-color:transparent
}

/*----------------------------------------------------------------------
| DASHBOARD SECTION
------------------------------------------------------------------------*/
.dashboard-nav-block-orange{
	background:#f37b53;
}
.dashboard-nav-block-blue{
	background:#0090d9;
}
.dashboard-nav-block-red{
	background:#f35958;
}
.dashboard-nav-block-purple{
	background:#a5299e;
}
.dashboard-nav-block-green{
	background:#32a41c;
}
.dashboard-nav-block-violet{
	background:#736086;
}
.dashboard-nav .dashboard-nav-block{	
	color: white;
	cursor: pointer;
	display: block;
	font-weight: 300;
	height: 150px;
	margin-bottom:25px;
	letter-spacing: 0.02em;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.dashboard-nav .dashboard-nav-block:hover{
	opacity:0.8
}
.dashboard-nav .dashboard-nav-block a{
	color: white;
	font-size: 18px;
	font-weight: 400;
	height: 90%;
	line-height: 16px;
	overflow: hidden;
	padding: 5px 10px;
	position: absolute;
	text-overflow: ellipsis;
	vertical-align: top;
	width: 95%;
	text-decoration: none;
}
.dashboard-nav .dashboard-nav-block i{
	font-size: 50px;
	margin-top: 20px; margin-left: 15px;
	display: inline-block;
}
.dashboard-nav .dashboard-nav-block a i{
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.dashboard-nav .dashboard-nav-block a:hover i{
	transform: rotate(83deg);
	-moz-transform: rotate(83deg);
	-webkit-transform: rotate(83deg);
	-o-transform: rotate(83deg);
	font-size: 140px;
	opacity: 0.2;
}
.dashboard-nav .dashboard-nav-block .info{
	width:80px; height:80px; padding-top:12%; text-align:center;
	font-size: 24px;
	position: absolute;
	right: 10%;
	top: 25%;	
	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
.dashboard-nav .dashboard-nav-block a .info{
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
}
.dashboard-nav .dashboard-nav-block a:hover .info{
	background:transparent;
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	font-size: 40px;
	opacity: 0.6;
}
.dashboard-nav .dashboard-nav-block .status{
	background-color: transparent;
	bottom: -10px;
	font-size: 14px;
	left: 25px;
	min-height: 30px;
	position: absolute;
}
.info-chocolate{
	background:chocolate;
}
.info-blue{
	background:#39F;
}
.info-crimson{
	background:crimson;
}
.info-violet{
	background:#736066;
}
.info-gray{
	background:gray;
}
.info-purple{
	background: #c37dbf
}
.info-green{
	background: #178601
}

/*----------------------------------------------------------------------
| MAIN CONTENT STYLES
------------------------------------------------------------------------*/
#main_content{
	margin:20px 5px 55px 5px
}

/*----------------------------------------------------------------------
| VIEW PAGE STYLES
------------------------------------------------------------------------*/
label.cat_option_list > select,
label.more_option_list > select,
label.more_action_list > select{
	padding:8px 34px 8px 10px; border:none; background:#0CF; color:#fff;
	border-radius:3px; font-weight:normal; margin-left:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s
}

label.cat_option_list,
label.more_option_list,
label.more_action_list{position:relative}
label.cat_option_list:after,
label.more_option_list:after,
label.more_action_list:after{
    content:'<>';
    font:18px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:0; top:0;
    padding:5px 7px 6px 7px;
    border-bottom:1px solid #fff;
    position:absolute;
    pointer-events:none;
}
label.cat_option_list:before,
label.more_option_list:before,
label.more_action_list:before{
    content:'';
    right:0; top:0;
    width:34px; height:34px;
    background:#0CF;
    position:absolute;
    pointer-events:none;
    display:block;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
label.cat_option_list > select{margin-left:0}

label.more_option_list > select,
label.more_option_list:before{
	background:#99C	
}
label.more_action_list > select,
label.more_action_list:before{
	background:#699	
}

/*----------------------------------------------------------------------
| ACTION BUTTONS STYLES
------------------------------------------------------------------------*/
.action_btn{
	display:inline-block; background:#fff; border:1px solid #eee; font-size:15px; margin-left:10px;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s
}
.action_btn i{
	padding:8px 10px 8px 5px; border-right:1px solid #eee;
}

.action_btn span{
	padding:8px 5px 8px 10px
}

.add_btn{
	background:#0aa699; color:#fff
}
.add_btn:hover{
	background:#0aa600
}

.modify_btn{
	background:#0090d9; color:#fff
}
.modify_btn:hover{
	background:#09F
}

.sort_btn{
	background:#696; color:#fff
}
.sort_btn:hover{
	background:#6CC
}

.remove_btn{
	background:#C30; color:#fff
}
.remove_btn:hover{
	background:#933
}

.submit_btn{
	background:#090; color:#fff
}
.submit_btn:hover{
	background:#0C3
}

.cancel_btn{
	background:#666; color:#fff
}
.cancel_btn:hover{
	background:#888
}
.news_preview_btn{
	background:cadetblue; color:#fff
}
.news_preview_btn:hover{
	background:#356e70
}
.news_preview_btn span{
	padding:8px 5px 8px 10px
}
.news_preview_btn i{
	padding:8px 10px 8px 5px;
	border-right:1px solid #eee;
}
/*----------------------------------------------------------------------
| VIEW PAGE STYLES
------------------------------------------------------------------------*/
.view_section{
	position:relative;
	background:#fff; border:1px solid #ddd; padding:15px; margin-top:15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.view_section .table_content th{
	background:#eee
}
.view_section .table_content tr:nth-child(odd){
	background:#f9f9f9
}

.view_section .table_content .rpt_photo,
.view_section .table_content .rpt_default_photo{	
	color: #fff;
	width: 60px;
	height: 60px;
	text-align: center;	
	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
.view_section .table_content .rpt_default_photo{
	background:#ccc; color:#666;
	font-size: 25px;
	padding-top:10px
}

.view_section > .view_section_overlay{
	position:absolute; display:none; top:0; left:0; background:#000; opacity:0.6; z-index:5; width:100%; height:100%;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.view_section > .view_section_block{
	position:absolute; display:none; top:0; left:0; z-index:10; width:100%; height:auto
}
.view_section > .view_section_block > div#pre_loader{
	display:inline-block; margin:15px;
	padding:10px; background:#fff;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.view_section > .view_section_block > .hierarchy_page_setup_section{
	position:relative; background:#fff; margin:15px; padding:15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

/*----------------------------------------------------------------------
| MODIFY PAGE STYLES
------------------------------------------------------------------------*/
.modify_section{
	position:relative;
	background:#fff; border:1px solid #ddd; padding:15px; margin:15px 0;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.modify_section .input-form{
	margin-top:15px
}
.modify_section .input-form:first-child{
	margin-top:0
}
.modify_section .input-group-addon{
	min-width:170px; text-align:right
}
.modify_section .cat_parent_list{
	padding:0
}
.modify_section .cat_parent_list option{
	padding:7px 10px;
}
.modify_section .cat_parent_list option:selected{
	background:#006699; color:#fff
}

.modify_section .news_cat_list{
	height:100%;/* overflow:auto*/
    padding: 15px 25px;
}
.modify_section .news_cat_list ul{
	list-style:none
}
.modify_section .news_cat_list ul li{
	padding:7px 0; /*border-top:1px solid #eee*/
}
.modify_section .news_cat_list ul li:first_child{
	border-top:none
}
.modify_section .news_cat_list ul li i.checkbox{
	cursor:pointer; margin:0px;
}
.modify_section .news_cat_list ul li span.cat_name{
	display:inline-block; padding-left:10px
}
.modify_section .news_cat_list ul li ul{
	margin-top:5px; _overflow: hidden
}
.modify_section .news_cat_list ul li ul > li{
	padding-left: 25px;
    width: 33%;
    float: left;
    border: none;
}
.modify_section .news_cat_list ul li ul > li.parent{
    width: 100%
}
.modify_section .news_cat_list ul li ul > li > ul.clearfix li{
	padding-left: 25px;
    width: 100%;
    float: left;
    border: none;
}

.modify_section .auth_nav_list{
	height:auto;
}
.modify_section .auth_cat_list{
	height: 780px; overflow: auto
}
.modify_section .check_all,.modify_section .uncheck_all{
	text-shadow: 1px 0 #ccc; cursor: pointer;
	display: inline-block;
    padding: 8px 15px;
    font-size: 16px;
}
.modify_section .uncheck_all{display: none}
.modify_section .auth_nav_list ul,
.modify_section .auth_cat_list ul{
	list-style:none
}
.modify_section .auth_nav_list ul li,
.modify_section .auth_cat_list ul li{
	padding:7px 0; border-top:1px solid #eee
}
.modify_section .auth_nav_list ul li:first_child,
.modify_section .auth_cat_list ul li:first_child{
	border-top:none
}
.modify_section .auth_nav_list ul li i.checkbox,
.modify_section .auth_cat_list ul li i.checkbox{
	cursor:pointer; margin:0px;
}
.modify_section .auth_nav_list ul li label.nav_title,
.modify_section .auth_cat_list ul li label.nav_title{
	display:inline-block; padding-left:10px
}
.modify_section .auth_nav_list ul li ul,
.modify_section .auth_cat_list ul li ul{
	margin-top:5px
}
.modify_section .auth_nav_list ul li ul > li,
.modify_section .auth_cat_list ul li ul > li{
	padding-left:25px
}

.modify_section #featured_photo_uploader,
.modify_section #thumb_news_photo_uploader,
.modify_section #dtl_news_photo_uploader,
.modify_section #rpt_photo_uploader,
.modify_section #video_photo_uploader,
.modify_section #album_photo_uploader,
.modify_section #photo_list_uploader,
.modify_section #epaper_uploader,
.modify_section #tags_photo_uploader,
.modify_section #popup_img_uploader, .modify_section #occation_img_uploader,
.modify_section #occation_mob_img_uploader,
.modify_section #occation_banner_uploader{
	background: #f7f7f7;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding: 20px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s
}
.modify_section #featured_photo_uploader > a,
.modify_section #thumb_news_photo_uploader > span,
.modify_section #dtl_news_photo_uploader > span,
.modify_section #rpt_photo_uploader > a,
.modify_section #video_photo_uploader > a,
.modify_section #epaper_uploader > a,.modify_section #tags_photo_uploader > a,
.modify_section #epaper_uploader > a > span,.modify_section #album_photo_uploader > a,
.modify_section #photo_list_uploader > a > span,
.modify_section #popup_img_uploader > a > span,.modify_section #occation_img_uploader > a > span{
	display:block; color:#666; padding:20px 0; cursor:pointer
}
.modify_section #featured_photo_uploader > a > i,
.modify_section #thumb_news_photo_uploader > span > i,
.modify_section #dtl_news_photo_uploader > span > i,
.modify_section #rpt_photo_uploader > a > i,
.modify_section #video_photo_uploader > a > i,
.modify_section #epaper_uploader > a > i,.modify_section #album_photo_uploader > a > i,
.modify_section #photo_list_uploader > a > i, .modify_section #tags_photo_uploader > a > i,
.modify_section #popup_img_uploader > a > i,.modify_section #occation_img_uploader > a > i{
	color:#CCC; font-size: 48px; margin-bottom:8px
}
.modify_section #dtl_news_photo_uploader > span > i{
	font-size:74px
}
.modify_section #featured_photo_uploader > a:hover > i,
.modify_section #thumb_news_photo_uploader > span:hover > i,
.modify_section #dtl_news_photo_uploader > span:hover > i,
.modify_section #rpt_photo_uploader > a:hover > i, 
.modify_section #video_photo_uploader > a:hover > i,
.modify_section #epaper_uploader > a:hover > i,.modify_section #album_photo_uploader > a:hover > i,
.modify_section #photo_list_uploader > a:hover > i,.modify_section #tags_photo_uploader > a:hover > i,
.modify_section #popup_img_uploader > a:hover > i,.modify_section #occation_img_uploader > a:hover > i{
	color:#9C0
}
.modify_section #thumb_news_photo_uploader > img{
	width:100%
}
.modify_section #dtl_news_photo_uploader > div.img{
	display:inline-block; width:100px; height:100px; margin:5px; border:3px solid #fff;
}
.modify_section #photo_upload_fieldset{
	display:block; padding: 0 15px 15px 15px; margin: 15px 0 0 0; border: 1px solid #eee;
}
.modify_section #photo_upload_fieldset > legend{
	margin: 0;
	padding: 0 5px;
	font-size: 16px;
	font-weight:bold;
	width: auto;
	color: #006699;
	border: none;
}
.modify_section #change_featured_photo,.modify_section #change_tags_photo,
.modify_section #change_thumb_news_photo,
.modify_section #change_dtl_news_photo,
.modify_section #change_rpt_photo,
.modify_section #change_album_photo,
.modify_section #change_video_photo,.modify_section #change_occation_photo,
.modify_section #change_occation_mob_photo,
.modify_section #change_occation_banner_photo{
	display:block; margin-top:10px; padding:5px 10px; background:#666; color:#fff;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	-moz-transition:all 0.4s
}
.modify_section #change_featured_photo:hover,.modify_section #change_tags_photo:hover,
.modify_section #change_thumb_news_photo:hover,
.modify_section #change_dtl_news_photo:hover,
.modify_section #change_rpt_photo:hover,
.modify_section #change_album_photo:hover,
.modify_section #change_video_photo:hover,.modify_section #change_occation_photo:hover,
.modify_section #change_occation_mob_photo:hover,
.modify_section #change_occation_banner_photo:hover{
	background:#060
}
.modify_section #change_featured_photo > a,.modify_section #change_tags_photo > a,
.modify_section #change_thumb_news_photo > span,
.modify_section #change_dtl_news_photo > span,
.modify_section #change_rpt_photo > a,
.modify_section #change_album_photo > a,
.modify_section #change_video_photo > a,.modify_section #change_occation_photo > a,
.modify_section #change_occation_mob_photo > a,
.modify_section #change_occation_banner_photo > a{
	color:#fff
}
.modify_section > form .next_step_overlay{
	position:absolute; display:none; top:0; left:0; background:#000; opacity:0.6; z-index:5; width:100%; height:100%;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.modify_section > form .next_step_block{
	position:absolute; display:none; top:0; left:0; z-index:10; width:100%; height:auto
}
.modify_section > form .next_step_block > div#pre_loader{
	display:inline-block; margin:15px;
	padding:10px; background:#fff;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.modify_section > form .next_step_block > .next_page_setup_section{
	position:relative; background:#fff; margin:15px; padding:15px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.modify_section > form ul.post_template{margin: 0; background: #f7f7f7; list-style: none; padding:36px; border: 1px solid #ccc;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.modify_section > form ul.post_template > li{float: left; background: #fff; cursor: pointer; border:1px solid #ccc; margin: 5px; padding: 5px}
.modify_section > form ul.post_template > li.active{border:2px solid #999}


.modify_section > form > .preview_overlay{
	position:absolute; display:none; top:0; left:0; background:#000; opacity:0.6; z-index:5; width:100%; height:100%;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.modify_section > form > .preview_block{
	position:absolute; display:none; top:0; left:0; z-index:10; width:100%; height:auto; background:#fff;
}

/*----------------------------------------------------------------------
| OPINION POLL SECTION
------------------------------------------------------------------------*/
.poll_options > span{
	display:inline-block; border:1px solid #ccc; margin:5px;
	padding:3px 10px; color:#666; background:#f2f2f2;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px
}

/*----------------------------------------------------------------------
| NEWS MODIFY NEXT STEP SECTION
------------------------------------------------------------------------*/
.submit_page_content_block{
	display: block;
	border: 1px solid #eee;
	padding: 15px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.submit_page_content_block > legend{
	margin: 0;
	padding: 0 5px;
	font-size: 18px;
	width: auto; color:brown;
	border:none
}
div.current_hl_display{
	padding:5px 10px; background:#f7f7f7; color:#000;
	font-size:16px; border:1px solid #ccc; margin-bottom:15px;
}
div.current_hl_display span{
	font-size:12px; font-weight:bold; color:#000
}
div.content_sortable,div.cat_news_sortable,div.lead_news_sortable{
	margin-bottom:15px
}
div.content_sortable > label,div.cat_news_sortable > label,div.lead_news_sortable > label{
	padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc
}
div.content_sortable ul,div.cat_news_sortable ul,div.lead_news_sortable ul { list-style-type: none; margin: 0; padding: 0 }
div.content_sortable ul > li,div.cat_news_sortable ul > li,div.lead_news_sortable ul > li { cursor:move; margin:5px 0; padding: 5px; min-height:30px; background:#f9f9f9; border:1px solid #eee }
div.content_sortable ul > li.new_hl,div.cat_news_sortable ul > li.new_hl,div.lead_news_sortable ul > li.new_hl{ position: relative; background:yellowgreen; border:1px solid #9C0; color:#fff}
div.content_sortable ul > li.new_hl > i,div.cat_news_sortable ul > li.new_hl > i,div.lead_news_sortable ul > li.new_hl > i{ position: absolute; right: -5px; top: -5px; z-index: 5; background: yellowgreen; color: #fff; padding: 5px 7px; cursor: pointer; font-size: 10px; border: 5px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
div.content_sortable .ui-state-highlight,div.cat_news_sortable .ui-state-highlight,div.lead_news_sortable .ui-state-highlight { padding:5px; min-height:30px; background:#FFC; border:1px solid #FC0 }

ul.connectedSortable li{position: relative}
ul.connectedSortable li > i{position: absolute; right: -5px; top: -5px; z-index: 5; background: #ccc; color: #666; padding: 5px 7px; cursor: pointer; font-size: 10px; border: 5px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}

/*----------------------------------------------------------------------
| FOOTER SECTION
------------------------------------------------------------------------*/
#footer{	
	position:fixed; width:100%; bottom:0; left:225px; z-index:100
}
#footer > .footer_content{
	background:#f2f2f4; padding:10px 20px; font-size:12px; text-transform:uppercase;
	border-top:1px solid #dfdfdf; margin-right:225px
}

/*----------------------------------------------------------------------
| SWITCH BUTTON STYLES
------------------------------------------------------------------------*/
.view_section .switch{
	width: 62px;
	height: 32px;
	background: #E5E5E5;
	z-index: 0;
	margin: 0;
	padding: 0;
	appearance: none;
	border: none;
	cursor: pointer;
	position: relative;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.view_section .switch:before{
	content: ' ';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 60px;
	height: 30px;
	background: #FFFFFF;
	z-index: 1;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.view_section .switch:after{
	content: ' ';
	height: 29px;
	width: 29px;
	border-radius: 28px;
	z-index: 2;
	background: #FFFFFF;
	position: absolute;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	top: 1px;
	left: 1px;
	-webkit-box-shadow: 0 2px 5px #999999;
	box-shadow: 0 2px 5px #999999;
}
.view_section .switchOn , .switchOn:before{
	background: #4cd964 !important;
}
.view_section .switch.big.switchOn:after{
	left: 33px !important;
}
.view_section .switch.small{
	width: 42px;
	height: 22px;
}
.view_section .switch.small:before{
	width: 40px;
	height: 20px;
}
.view_section .switch.small:after{
	width:19px;
	height:19px;
}
.view_section .switch.small.switchOn:after{
	left:23px
}

/*------------------------------------------------------------------------
| PAGINATION STYLES
------------------------------------------------------------------------*/
.pagination > li > a, .pagination > li > span{
	margin-top:5px;
	margin-bottom:5px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.pagination > li > a:hover{
	background-color:#666;
	border-color: #666;		
	color:#fff;
}
.pagination > li.current-active > a{
	background-color: #CD0000;
	border-color: #CD0000;
	color: #fff;
}

/*------------------------------------------------------------------------
| TABLE ROWS STYLES
------------------------------------------------------------------------*/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	vertical-align:middle
}

@media (max-width:640px){
	.sticky-left-side{
		display:none
	}
	.container-fluid{
		margin-left:10px
	}		
}

@media (min-width: 768px){
	aside.sticky-left-side.collapsed {
		width: 75px;
		text-align: center;
	}
	aside.sticky-left-side.collapsed .navigation ul li ul {
		position: absolute;
		z-index: 3;
		left: 100%;
		top: 0px;
		background-color: #F2F2F4;
		box-shadow: none;
		padding: 10px 0px;
		min-width: 200px;
		border: 1px solid #dddddd;
	}
	aside.sticky-left-side.collapsed .navigation ul li ul:before {
		display: block;
		content: "";
		height: 20px;
		width: 20px;
		border-color: transparent #F2F2F4 transparent transparent;
		border-width: 10px;
		border-style: solid;
		position: absolute;
		cursor: pointer;
		right: 100%;
		top: 22px;
	}
	aside.sticky-left-side.collapsed .navigation > ul > li:hover > ul {
		display: block !important;
	}
	aside.sticky-left-side.collapsed .navigation ul li ul li a{
		/*border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:cornsilk*/
	}	
	aside.sticky-left-side.collapsed .navigation ul li ul li a:hover {
		border-left:none; background:bisque
	}
}
.clr{clear: both; height: 1px}