/*
	- Glas:		#00ACEC
	- Oren:		#E4A130
	- Piws:		#90278A
	- Gwyrdd:	#A4C34A
*/

body {
	font-family: "Agency FB", "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 2em;
	font-weight: 700;
}

/* Lliwiau */
.btn-primary, .whatsOnWhen .btn.disabled {
	background-color: #00ACEC;
}

.whatsOnWhen .btn, .btn-default {
	background-color: #E4A130;
	/*border: 1px solid orange;*/
	color: #fff;
}

.alert-warning {
    background-color: #f0d0FF;
    border-color: #90278A;
    color: #90278A;
}

.btn-success, .btn-success-wait, .loadingtext {
	background-color: #A4C34A;
}

/* DIWEDD Lliwiau */


/* Maint ffont */
.form-control, .btn-textonly, .btn-success, .btn-success-wait, .btn-primary, .panel-title, .flexible-comment-text, .btn {
	font-size: 0.9em;
	font-weight: 700;
}

.multilevel tr:last-child input {
	font-size: 0.75em;
}

.glyphicon-search {
	font-size: 26px;
}

.form-control {
	height: 2.2em;
}

.col-sm-9 {
	width:72%
}

.col-sm-3 {
	width:28%
}

#headerdesktopleft, #headerdesktopleft img{
	width: 100%;
}

#headermobile {
	width: 100%;
	text-align: center;
	display: block;
}

#headermobile img{
	width: 85%;
}

#headerdesktopright {
	display: none;
}

/* cuddio botwm PIN / Fy Nghyfrif*/
/* #ctl00_MainContent_mnuPassword, #ctl00_ProfileLink { */
	/* display: none; */
/* } */

/* @media (max-width: 767px) { */
	/* .nav>li.hidden-md { */
		/* display:none; */
	/* } */
/* } */



/*Newidiadau Slider*/

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12.5px;
    width: 12.5px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

input[value=True]+.slider {
    background-color: #2196f3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input[value=True]+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switch {
    float: right;
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
    margin: 0;
    margin-top: 3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}