@charset 'utf-8';
.activityHolder {
/*    height: 85%;*/
}

#buttonsHolder {
/*    height: 10%;*/
}

#dialog-addToTab, #dialog-editMyTabs {
    display: none;
}

#dialog-editMyTabs {
    overflow-x: hidden;
}


/*TABS
*/

.tabs {
    position: relative;
    float: none;
    height: 100%;
    min-height: 480px;
    list-style: none;
    text-align: left;
}

.tabs li {
    display: block;
    float: left;
    height: 100%;
    margin: 0 2px 0 0;
}

.tabs input[type='radio'] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.tabs label {
    font-size: .9em;
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 3;
/*    top: 1px;*/
    display: block;
/*    height: 5%;*/
    padding: 10px 16px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: 1px solid #242331;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background: #242331;
}

.tabs label:hover {
    background: #B88B4A;
    border: 1px solid #B88B4A;
    border-bottom: 0;
}

.tabs.tabs--sm label {
    font-size: 1em;
    padding: 10px 6px;
}

.tabs [id^='tab']:checked + label {
    color: #fff;
/*    background: rgb(16, 138, 136);*/
    background: #B88B4A;
    border: 1px solid #B88B4A;
    border-bottom: 0;
    position: relative;
    z-index: 3;
/*    top: 0;*/
}

.tabs .tab-content {
    position: absolute;
    z-index: 2;
    top: 48px;
    left: 0;
    display: none;
    width: 100%;
/*    height: 90%;*/
    /* overflow: hidden; */
    /* width: 100%; */
    /* font-size: 17px; */
    /* line-height: 25px; */
    padding: 1.5em;
    border: 1px solid #b7b7b7;
    background: #fff;
    height: 440px;
}

.tabs [id^='tab']:checked ~ [id^='tab-content'] {
    display: block;
	    overflow: auto;
}

p.link {
    clear: both;
    margin: 380px 0 0 15px;
}

p.link a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #612e76;
}

p.link a:hover {
    background-color: #522764;
}


/*TAB CONTENT*/

.tabText {
    position: relative;
    margin-bottom: .5em;
    padding: 5px 24px 5px 5px;
    border: 1px dotted #78123D;
    font-size: 1em;
}

button.removeThisTextBtn {
    position: absolute;
    top: 50%;
    right: .5%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
}


/*EDIT TABS*/

#addNewTabBtn {
    width: auto;
}

#dialog-editMyTabs p {
    line-height: 2em;
    margin-bottom: .5em;
}

.editTabNameArea {
    display: inline-block;
    width: 86%;
    height: 2em;
    margin: 1% 7%;
}

.editTabNameArea label {
    line-height: 2em;
    position: relative;
    width: 5em;
    vertical-align: middle;
    /* padding: 1px; */
}

.editTabNameArea input {
    /* left: 6em; */
    width: 85%;
    height: 1.6em;
    /* position: absolute; */
}

.removeThisTabBtn, .removeThisTextBtn {
    position: relative;
    /* right: 0; */
    float: right;
}

.removeThisTabBtn:disabled {
    display: none;
}


/*ADD SELECTION TO TAB DIALOG*/

.addToTabBtn {
    width: 100% !important;
}

#selectionWarning {
    display: none;
}


/* ----------- Large Display ----------- */

@media screen and (min-width: 1920px) and (min-height: 1080px) {
    /* Styles */
}


/* ----------- Laptop HiDPI screen ----------- */

@media screen and (min-width: 1440px) and (min-height: 900px) {
    /* Styles */
}


/* ----------- Laptop ----------- */

@media screen and (min-width: 1366px) and (min-height: 768px) {
    /* Styles */
    .activityHolder {
    height: 88%;
}
.buttonsHolder {
    height: 10%;
}
#tabsHolder {

    height: 95%;
    }
#notesHolder {

    height: 99%;
    }
    .tabs [id^='tab']:checked + label {
        padding-top: 0.55em;
    }
}


/* ----------- Laptop MDPI screen ----------- */

@media screen and (min-width: 1280px) and (min-height: 800px) {
    /* Styles */
}


/* ----------- iPad ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}


/* ----------- iPhone 5 ----------- */

@media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
    /* Styles */
}

@charset 'utf-8';
textarea{
	height: 100%;
}
#textEditArea {
	height: 100%;
	margin-top: 3px;
/*	margin-left: 3%;*/
}

#textEditArea iframe {
	width: 99%!important;
}



#notes{
	height: 100%;
}
/*NOTES ON PAGE 2
*/
.tabs [id^='notes']:checked + label {
	color: #222;
	/* background: rgb(16, 138, 136); */
	background: #fff;
	border: 1px solid #b7b7b7;
	border-bottom: 0;
}

.tabs [id^='notes'] + label {
	position: relative;
	z-index: 3;
	top: 3px;
}

.tabs [id^='notes']:checked ~ [id^='notes-content'] {
    display: block;
/*    height: 90%;*/
}

.addToNotes{
	cursor: pointer;
}
.chosenNotes{
	background-color: #F9D176;

}

.notesTab label{
	text-overflow: ellipsis;
	padding-top: 0.4em;
}
.tab-notes {
    overflow-y: scroll;
}

	/* ----------- Large Display ----------- */
	@media screen and (min-width: 1920px) and (min-height: 1080px) {
	  /* Styles */
	}
	/* ----------- Laptop HiDPI screen ----------- */
	@media screen and (min-width: 1440px) and (min-height: 900px) {
	  /* Styles */
	}
	/* ----------- Laptop ----------- */
	@media screen and (min-width: 1366px) and (min-height: 768px) {
	  /* Styles */
	}

	/* ----------- Laptop MDPI screen ----------- */
	@media screen and (min-width: 1280px) and (min-height: 800px) {
	  /* Styles */
	}
	/* ----------- iPad ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	  /* Styles */
	}
	/* ----------- iPhone 5 ----------- */
	@media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
	  /* Styles */
	}