/* CSS Document */
@media screen{
body{width:100%;
margin:auto;
font-family:'Open sans';}

p{padding:0; margin:0; line-height:1;}

a:hover{text-decoration: none;}

#popup_window{width:100%;
height:100%;
position:fixed;
/*Opacity White Background R153 G153 B153*/
opacity:0.40;
background-color:#000;
top:0px;
z-index:5;}
	
.icon{width:24px;
height:24px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
vertical-align:middle;
padding:1px 2px 1px 2px;}


.controlpanel_icon{position:relative;
display:inline-block;
width:64px;
height:64px;
margin:10px 10px 10px 10px;
padding:5px;
background-repeat:no-repeat;
background-size:contain;
border-radius:5px;
/*border-radius:100%;*/
border:solid thin #575757;
z-index:0;}



#controlpanel_icon_create_article{background-image:url(../images/create_post.png);}
#controlpanel_icon_create_user{background-image:url(../images/create_user.png);}
#controlpanel_icon_image_slider{background-image:url(../images/slider_image.png);}
#controlpanel_icon_image_gallery{background-image:url(../images/gallery_image.png);}
#controlpanel_icon_create_branch{background-image:url(../images/create_branch.png);}
#controlpanel_icon_create_userlevel{background-image:url(../images/create_userlevel.png);}
#controlpanel_icon_add_rule{background-image:url(../images/add_rule.png);}

.controlpanel_icon_label{display:inline-block;
text-decoration:none;
width:auto;
height:2em;
vertical-align:top;
color:#000;
padding:10px;
margin-right:30px;}


.icon_edit{background-image:url(../images/icons_edit.png);}
.icon_delete{background-image:url(../images/icons_delete.png);}
.icon_publish{background-image:url(../images/icons_publish.png);}
.icon_unpublish{background-image:url(../images/icons_unpublish.png);}
.icon_lock{background-image:url(../images/icons_lock.png);}
.icon_unlock{background-image:url(../images/icons_unlock.png);}
.icon_display{background-image:url(../images/icons_display.png);}
.icon_add{background-image:url(../images/icons_add.png);}


#togglelog{display:inline-block;
position:absolute;
right:0px;
width:100px;
height:40px;
background-color:#099;
text-align:center;}

#icon_up{background-image:url(../images/icons_up.png);
position:absolute;
margin:auto;
width:22px;
height:15px;
text-align:center;
margin-top:10px;}


/*.rotate{-ms-transform: rotate(180deg); /* IE 9 */
/*-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
/*transform: rotate(180deg);
}*/



.icon_edit:hover{background-image:url(../images/icons_edit_000.png);}
.icon_delete:hover{background-image:url(../images/icons_delete_000.png);}
.icon_publish:hover{background-image:url(../images/icons_publish_000.png);}
.icon_unpublish:hover{background-image:url(../images/icons_unpublish_000.png);}
.icon_lock:hover{background-image:url(../images/icons_lock_000.png);}
.icon_unlock:hover{background-image:url(../images/icons_unlock_000.png);}
.icon_display:hover{background-image:url(../images/icons_display_000.png);}
.icon_add:hover{background-image:url(../images/icons_add_000.png);}

.icon_close{
display:inline-block;
min-width:25px;
min-height:25px;
background-repeat:no-repeat;
background-size:contain;
vertical-align:top;
padding:0px 2px 1px 2px;
background-image:url(../images/glyphicons_remove_red.png);
position:absolute;
right:0px;
margin:0px 10px 10px 10px;
cursor:pointer;
}

#home_welcome{height:200px;}

.cont_wrap_content{display:block;
font-family:"Open sans";
margin:20px;
padding:10px;
background-color:#FFF;
width:calc(100% - 40px);}

.tab_content{display:block;
font-family:"Open sans";
margin:0px 20px;
padding:0px 0px;
background-color:#f2f2f2;
width:calc(100% - 30px);}

.tab_content .cont_wrap_content{display:block;
font-family:"Open sans";
margin:20px 0px 10px 0px;
background-color:#fff;
width:calc(100% - 30px);}

#cont_wrap a.btn{padding-top: 10px;
text-decoration: none;}

#navigator_panel{display:block;
font-family:"Open sans";
margin:20px 20px 0 20px;
padding: 0px;
width:calc(100% - 40px);}

/*form_content_seperator*/


/*.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
*/

/******************** SESSION LOG *******************************/
#session_log{display:block;
position:fixed;
bottom:0px;
min-height:40px;
max-height:calc(100% - 40px);
background-color:#fff;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
/*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
transition: all 200ms ease-out;*/
width:calc(100% - 160px);
left:160px;
z-index:100;
line-height:2;}

#title_tag{display:inline-block;
position:inherit;
width:120px;
color:#fff;
background-color:#404040;
height:100%;
padding-left:40px;
line-height:2;}

#last_log{display:inline-block;
left:160px;
width:calc(100% - 35px);
height:40px;
background-color:#ccc;
padding-left:35px;}

#log_history{display:inline-block;
position:absolute;
width:calc(100% - 0px);
height:calc(100% - 40px);
padding-left:35px;
overflow:auto;}

.log_time{margin-right:20px;}
.success{display:inline-block}
.log_activity{margin-left:20px;}

.tstamp{display:inline-block;
width:200px;
line-height:2;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}

.updatedby{display:inline-block;
width:150px;
line-height:2;
padding-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}

.status{display:inline-block;
width:150px;
line-height:2;
padding-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}

.note{display:inline-block;
width:calc(100% - 530px);
line-height:2;
padding-right:10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;}

.notification_icon{position:absolute;
right:200px;
margin-top:10px;}

.back_icon{position:absolute;
right:240px;
margin-top:10px;
color: #fff;}

.notification_badge{position:relative;
margin-left:15px;
margin-top:-15px;}

#lnk_logged{display:inline-block;
position:fixed;
right:35px;
vertical-align:middle;
/*white-space:nowrap;*/
width:140px;
height:30px;
overflow:hidden;
text-overflow:ellipsis;
text-align:right;
font-size:16px;
color:#FFF;
cursor:pointer;}

#acc_set_drop_down{display:inline-block;
position:absolute;
margin-top:-3px;
right:0px;
vertical-align:top;}

#logged_user{display:inline-block;
position:absolute;
right:30px;
padding-bottom:10px;
vertical-align:bottom;
white-space:nowrap;
width:110px;
overflow:hidden;
text-overflow:ellipsis;
text-align:right;
font-size:16px;
color:#FFF;
float:left;}

/* END ------------ NAVBAR ------------ */


/******************* ACC_SET_PANEL ********************/
.callout{
	position:fixed;
	margin: 18px 0;
    padding: 18px 20px;
	line-height:24px;
	color:#000;
	/*background-color: #eef4f9;*/
	background-color: #fff;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	text-align:left;
	z-index:100;}
	
#acc_set_panel{
	top:35px;
	right:20px;
	width:180px;
	height:auto;}

#notify_panel{
	top:35px;
	right:185px;
	width:300px;
	height:auto;}

.notch {
	position: absolute;
    top: -10px;
    right: 20px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

#notification_notch{display:inline-block;
position:absolute;
left:calc(100% - 226px);
margin-top:20px;
z-index:0;}

.border-callout { border: 1px solid #cbcbcb; padding: 17px 19px; }
.border-callout .border-notch {border-bottom-color: /*#c5d9e8*/#cbcbcb; top: -11px; }

/*.border-callout { border: 1px solid pink; padding: 17px 19px; }
.border-notch { border-bottom-color: pink; top: -11px; }*/

.callout li{list-style:none;}

.callout li:hover{background-color:#f4f4f4;
border-top:solid thin #CBCBCB;
border-bottom:solid thin #CBCBCB;
/*24px l/height adjusted due to screen output*/
line-height:22px;}

.callout a {text-decoration:none;
color:#000;}

.callout a li{text-decoration:none;
color:#000;}

/************************************************************************/

.notification_links{display:inline-block;
width:100%;
height:auto;
padding:7px 5px;}

.notification_links:hover{background-color:#ccc;}

.notification_links .col1{display:inline-block;
width:200px;
height:20px;}

.notification_links .col2{display:inline-block;
width:150px;
height:20px;}

.notification_links .col3{display:inline-block;
width:300px;
height:20px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;}

.notification_titles{font-weight:900;}

.notification_titles .col1{display:inline-block;
width:200px;
height:20px;}

.notification_titles .col2{display:inline-block;
width:150px;
height:20px;}

.notification_titles .col3{display:inline-block;
width:300px;
height:20px;}



/*****************************************************/
.icon-64{width:64px;
height:64px;
display:inline-block;
background-repeat:no-repeat;
background-size:contain;
vertical-align:middle;
margin: 1px 0px 3px 0px;}

.icon-iron{
background-image:url(../images/appliances/iron.png);}

.icon-stand_fan{
background-image:url(../images/appliances/stand_fan.png);}

.icon-refrigerator{
background-image:url(../images/appliances/refrigerator.png);}