@font-face{
font-family:'icomoon';
src:url('fonts/icomoon.eot?b4onzj');
src:url('fonts/icomoon.eot?#iefixb4onzj') format('embedded-opentype'),
url('fonts/icomoon.woff?b4onzj') format('woff'),
url('fonts/icomoon.ttf?b4onzj') format('truetype'),
url('fonts/icomoon.svg?b4onzj#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}

html{
height:100%;
}

body{
padding: 70px 15px 15px;
font-family:"Open Sans", Calibri, Candara, Arial, sans-serif;
position:relative;
background:#ddd;
}

img{
max-width:100%;
}

[class^="icon-"], [class*=" icon-"]{
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.alignLeft{
float:left;
}

.alignRight{
float:right;
}

.icon-undo:before{
content:"\33";
font-size:20px;
}

.icon-menu:before{
content:"\34";
font-size:20px;
color:#fff;
}

.icon-2:before{
content:"\32";
font-size:20px;
}

.icon-1:before{
content:"\31";
font-size:20px;
}

.btn:focus{
outline:none;
}

.glyphicon{
cursor:pointer;
}

.columns{}

.added_columns{
padding-left:0;
padding-right:0;
}

.status{
padding:15px;
border-bottom:1px solid #ccc;
background:#fff;
position: relative;
}

.status:nth-child(odd){
background-color:#E4E4E4;
}

.status:nth-child(even){
background-color:#fff;
}

.tabContent .status:nth-child(n+100) {
display: none;
}

#approvedStatusesList .mCSB_container .status:nth-child(n+20){
display:none;
}

.avatar{
padding-left:0;
padding-right:0;
}

.username{
padding:0 0 0 7px;
word-break:break-word;
}

.text{
float:left;
padding:1em 0;
word-break:break-word;
clear:left;
}

.panel{
border-color:#474747;
}

.panel>.panel-heading{
color:#ffffff;
background-color:#303030;
border-color:#000000;
}

.panel-body {
padding: 15px;
position: relative;
height: calc(100% - 40px);
overflow: hidden;
}

#report .panel-body {
overflow: visible;
height: auto;
}

.panel-body > [role="tabpanel"] {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}

#approvedStatuses, #unapprovedStatuses{
height:calc(100vh - 90px);
overflow:hidden;
position:relative;
margin-bottom:0;
}

#archivedStatuses {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow-y: scroll;
}

#approvedStatuses .panel-body{
padding:0;
}

#approvedStatusesForm{
position:relative;
overflow: scroll;
}

#approvedStatusesList .status:first-child .moveUpStatus,
#approvedStatusesList .status:last-child .moveDownStatus{
visibility:hidden;
}

#unapprovedStatusesTabs li > a{
position:relative;
padding-right:2em;
}

#unapprovedStatusesTabs li > a:after{
content:attr(data-hasnew);
position:absolute;
display:block;
top:50%;
right:-.6em;
width:1.6em;
height:1.6em;
line-height:1.6em;
text-align:center;
color:#fff;
z-index:2;
background:#303030;
border-radius:3px;
transform:translate(-50%,-50%);
}

#unapprovedStatusesTabs li.noAfter > a:after{
content:none;
}


#approvedStatusesList .statusContent {
	display: none;
}


/* Tabs */
#hashtagTabContent{
position:relative;
height: calc(100% - 78px);
border: none;
overflow: scroll;
overflow-x: hidden;
}

#hashtagTabContent .tabContentWrapp {
display: none;
width: 0;
height: 0;
/* overflow: hidden; */
}

#hashtagTabContent.tab-content>.active {
display: block;
width: 100%;
height: 100%;
}

.tabSettings{
position:absolute;
top:0;
right: 10px;
z-index:11;
font-size:1.4em;
border:1px solid #ccc;
background:#fff;
border-radius:3px;
}

.tabSettings:hover{
width:auto;
height:auto;
padding:0 0 0 0;
border:1px solid #ccc;
background:#fff;
border-radius:3px;
visibility:visible;
}

.tabSettings:hover form.tabSettingsForm{
width:auto;
height:auto;
margin-bottom: 0;
padding:0 1.9em 0 0.1em;
}

.tabSettings:before{
position:absolute;
top:0.06em;
right:0.06em;
padding:0.37em;
border:1px solid #ccc;
background:#fff;
border-radius:3px;
}

.tabSettings:hover:before{
border-color:transparent;
}

.tabSettings:hover, !.tabSettingsForm:hover{
border:1px solid #ccc;
border-bottom:transparent;
border-radius:3px 3px 0 0;
}

.tabSettingsForm{
position:relative;
top:0;
right:0;
width:0;
height:0;
padding:0;
overflow:hidden;
z-index:10;
transition:height .5s, width .5s linear .2s;
}

.tabSettingsForm input[type=checkbox]{
display:none;
}

.tabSettingsForm input[type=checkbox] + .glyphicon, .tabSettingsForm .removeTab{
margin:.1em .1em 0 .1em;
color:#ccc;
background:#fff;
padding:6px;
border:1px solid #EAEAEA;
border-radius:3px;
cursor:pointer;
}

.tabSettingsForm input[type=checkbox]:checked + .glyphicon {
	color: #FF5050;
}

.tabSettingsForm .glyphicon{
color:#FF5050;
}

.tabContent{
min-height: 100%;
min-width: 100%;
position: absolute;
overflow: scroll;
overflow-x: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.tabContent .status[class*="col-"]{
border:1px solid #F2F2F2;
background:#fff;
box-sizing:border-box;
}

.tabContent .status .statusFiles{
display: none;
}

.actions{
text-align:center;
}

.actions .glyphicon,
.actions .fa {
position: absolute;
top: -1px;
right: -1px;
padding: .5em;
border:1px solid #ddd;
background-color: #fff;
visibility: hidden;
cursor: pointer;
}

.status:hover .glyphicon{
visibility:visible;
}

.actions .cloneStatus {
color:#FFC02C;
right: 5em
}

.actions .approveStatus {
color:#135A13;
right: 2.5em
}

.actions .unapproveStatus {
color:#cc0000;
}

#approvedStatuses .actions .approveStatus {
display:none;
}

#approvedStatuses .status:hover .actions .cloneStatus {
	left: 0;
	right: inherit;
	visibility: visible;
}

.sortActions {
position: absolute;
text-align:center;
bottom: 1px;
left: 0;
width: 100%;
visibility: hidden;
}

.actions:hover .sortActions{
visibility:visible;
}

.sortActions>span{
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
margin: 0 calc( 25% - 2em);
background-color: #fff;
border: 1px solid #e0e0e0;
}

#unapprovedStatuses .sortActions{
display:none;
}


/*Tabs content scroller*/
.mCSB_inside>.mCSB_container{
margin-right:0px;
min-height: 100%;
}

.mCSB_inside>.mCSB_scrollTools{
width:4px;
}

.tabContentWrapp .mCSB_draggerRail{
opacity:0;
}

.nano {
width: 100%;
height: 100%;
}

.nano .nano-content{
overflow: hidden;
}

.nano .nano-pane{
display: none!important;
}



/**
 * Modals
 */
.ui-dialog[aria-describedby="createNewColumnDialog"]{
background:transparent;
border:none;
overflow:visible;
min-width:630px;
min-height:334px;
}

.ui-dialog[aria-describedby="createNewColumnDialog"] .ui-dialog-titlebar{
display:none;
}



/*
 * Approve Status Modal
 */
.modal-dialog {
min-width: 620px;
}
.canvas-container {
margin: 1em auto;
box-shadow: 0 0 21px #ccc;
}



/**
 * Archived page
 */
#archivedStatusesList .statusContent {
	display: none;
}

#archivedStatusesList .statusFiles {
	display: block;
}


@media (max-width:768px){
.tabContent .status:nth-child(3n+1){
clear:left;
}
}/* @media max-width:768px */

@media (min-width:768px) and (max-width:992px){
.tabContent .status:nth-child(3n+1){
clear:left;
}
}/* @media min-width:768px and max-width:992px */

@media (min-width:992px) and (max-width:1200px){
.tabContent .status:nth-child(3n+1){
clear:left;
}
}/* @media min-width:992px and max-width:1200px */

@media (min-width:1200px){
.tabContent .status:nth-child(4n+1){
clear:left;
}
}/* @media min-width:1200px */
