/* Product Name: dhtmlxList
Version: 5.1.0
Edition: Standard
AND
Dataview from:
Product Name: dhtmlxSuite 
Version: 5.0 
Edition: Standard */


@media (min-width:768px) {
	.pageTitle {
		z-index: 200;
		color: rgb(191, 191, 192);
		font-size: 25px;
		text-align: center;
		letter-spacing: 2px;
	}
    .dataListRow {
        height: 70vh;
        position: relative;
        top: 103px;
    }
    .footerRow {
        width: 100%;
        height: 54px;
        position: fixed;
        bottom: 8px;
    }
    .btn-group {
        /* Btn group for All-Names-Titles */
        width: 330px;
        position: relative;
        top: -50px;
        left: 189px;
    }
/* 	May be possible to deprecate this */
    .ui-btn {
        font-size: 11px;
    }
/* 	Top language select btn.
	Also displays current language */
	.btnTopLanguage {
		font-size: 21px;
	}
/* 	Bottom language select btn */
    .btnSelectLanguage {
        position: relative;
    }
/* 	Btn to select ALL (both titles and names) */
    .btnAll {
        font-size: 11px;
    }
    .btnNamesTitles {
    }
}

@media (max-width:767px) {
	.pageTitle {
		z-index: 200;
		font-size: 18px;
		color: rgb(191, 191, 192);
		text-align: center;
		letter-spacing: 2px;
	}
    .dataListRow {
        height: 40vh;
        position: relative;
        top: 103px;
    }
    .footerRow {
        width: 100%;
        height: 54px;
        position: fixed;
        bottom: 8px;
    }
    .btn-group {
/* 	Btn group for All-Names-Titles */
        width: 330px;
        position: relative;
        top: -50px;
        left: 189px;
    }
/* 	May be possible to deprecate this */
    .ui-btn {
        font-size: 11px;
    }
/* 	Top language select btn.
	Also displays current language */
	.btnTopLanguage {
		font-size: 18px;
	}
	/* Bottom language select btn */
	.btnSelectLanguage {
		position: relative;
	}
/* 	Btn to select ALL (both titles and names) */
	.btnAll {
		font-size: 11px;
	}
	.btnNamesTitles {
		
	}
}

/* ======= CJS LIST TEST STYLE =========== */
.textToSay {
    font-family: Tahoma, Helvetica;
    font-size: 1.2em;
    color: Orange;
}

.dhx_dataview_item {
    font-family: Roboto,Arial,Helvetica;
    font-size: 14px;
    text-shadow: none;
}

.dhx_dataview_item .dhx_strong {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 6px;
    color: #232b99;
    text-shadow: none !important;
}

.dhx_dataview_default_item_selected .dhx_light {
    color: #C3C3C3;
}

.dhx_dataview_item .dhx_light {
    color: #919191;
}

.dhx_drag_over {
    background-color: #eee;
    background-repeat: repeat-x;
}

.btn-group {
    /* Btn group for All-Names-Titles */
    width: 330px;
    position: relative;
    top: -50px;
    left: 189px;
}

.btns-footerDiv {
    height: 75px;
    width: 80%;
    position: fixed;
}
}