﻿
input[type="submit"], input[type="button"] {
    background: none repeat scroll 0 0;
    color: #16ac00;
    margin: 1px;
    padding: 4px 9px 1px 9px;
    line-height: 14px;
    cursor: pointer;
}
input[type="file"]
{
    background: none repeat scroll 0 0;
    color: #16ac00;
    margin: 1px;
    line-height: 14px;
    cursor: pointer;
}
input[type=submit], input[type="button"], input[type=file] + label
{
    font-size:12px;
    font-family: 'Yantramanav',arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:#16ac00;
}
input[type=submit].title, input[type="button"].title, input[type=file].title + label {
    font-size: 22px;
}
input[type=submit].subtitle, input[type="button"].subtitle, input[type=file].subtitle + label {
    font-size: 20px;
}
input[type=submit].subtitle2, input[type="button"].subtitle2, input[type=file].subtitle2 + label {
    font-size: 18px;
}
input[type=submit].subtitle3, input[type="button"].subtitle3, input[type=file].subtitle3 + label {
    font-size: 16px;
}
input[type=submit].subtitle4, input[type="button"].subtitle4, input[type=file].subtitle4 + label {
    font-size: 14px;
}
input[type=submit].miniTitle, input[type="button"].miniTitle, input[type=file].miniTitle + label {
    font-size: 13px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="file"]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="file"]:hover, input[type="file"]:focus {
    outline: medium none;
}
input[type="submit"]:active, input[type="button"]:active, input[type="file"]:active {
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: none;
    outline: medium none;
}
input[type="submit"]:disabled, input[type="button"]:disabled, input[type="file"]:disabled {
    background: none repeat scroll 0 0 transparent;
    box-shadow: none;
    color: #A5A5A5;
    cursor:default;
}
span.RadButton.filterbutton, span.RadButton.filterbutton:active, span.RadButton.filterbutton:hover, span.RadButton.filterbutton:focus
{
    background: none;
    box-shadow: none;
    border: none;
}
span.RadButton.filterbutton:hover input[type="submit"], span.RadButton.filterbutton:hover input[type="button"], span.RadButton.filterbutton:hover input[type="file"] {
    background-color: #ECECEC;
    border: 1px solid #000000;
    box-shadow: 0 -5px 15px -5px #66F2FF inset;
}
span.RadButton.filterbutton:active input[type="submit"], span.RadButton.filterbutton:active input[type="button"], span.RadButton.filterbutton:active input[type="file"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #737373;
    box-shadow: none;
}
span.RadButton.filterbutton.filtered input[type="submit"], span.RadButton.filterbutton.filtered input[type="button"], span.RadButton.filterbutton.filtered input[type="file"] {
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #BDBDBD;
    box-shadow: 0 -5px 15px -5px #003399 inset;
}

/* Study Element Timeline navigation styles */
input[type="submit"].btn-timeline {
    margin: 0;
    padding: 0;
    height: 31px;
    width: 31px;
    background: #FFF;
    font-size: 28px;
    color: #5faf5f; /* #6E6F72; */
    border: 1px solid #839cb2; /* #6E6F72;   */
    display: flex;
    justify-content: center;
    align-items: center !important;
}
    input[type="submit"].btn-timeline:hover {
        box-shadow: 0 0 0 1px #b9c2ca;
    }

    input[type="submit"].btn-timeline:active {
        background: #3990cf;
        color: #fff;
    }

    input[type="submit"].btn-timeline:disabled {
        background-color: #E7E7E7;
        border: 1px solid #ADADAD;
        box-shadow: 0 0 0 1px #b9c2ca;
        color: gray;
        opacity: .5;
    }

    input[type="submit"].btn-timeline:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    input[type="submit"].btn-timeline:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

/* File upload styles */
.inputHolder {
    position: relative;
    height: 23px;
    Width: 222px;
    border: 1px dashed grey;
}
.inputFile
{
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
    z-index: 1;
	width: 222px;
}
.inputFile + label
{
	background: none repeat scroll 0 0;
    margin: 1px;
    padding: 4px 9px 1px 9px;
    line-height: 14px;
	cursor: pointer; /* "hand" cursor */
	position: absolute;
	left: 0px;
	top: 0px;
    display: block;
    overflow: hidden;
    height: 14px;
}

input[type=submit].passive, input[type=button].passive
{
    color: #3f3f3f;
}

.ccsMajorButton {
    font-size: 8pt;
    padding: 2px 4px 2px 4px;
    min-width: 96px;
}
.ccsPrimaryButton, input[type="submit"].ccsPrimaryButton {
    margin: 1em;
    color: #fff;
    background: #5fae41;   
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 15px;
    padding: 6px 7px 7px 7px;
    line-height: 15px;
}
a.ccsPrimaryButton:hover, input[type="submit"].ccsPrimaryButton:hover {
	color: rgba(255,255,255,.9);
	text-decoration: none;
	background: #278803;
}
	input[type="submit"].ccsPrimaryButton:disabled, .ccsPrimaryButton.disabled {
		color: #c0c0c0;
		background-color: #f2f2f2;
		cursor: default;
	}

input[type=submit].ccsGridButton, a.ccsGridButton, a.ccsGridButton:link {
    font-size: 10px;
}
input[type=submit].ccsGridButton, a.ccsGridButton, a.ccsGridButton:link
{
	font-size:10px;
}

.gridActionBar input[type=submit], .gridActionBar input[type="button"]
{
    border-left: 1px solid #d5dde0;
	font-size: 10px;
}
.gridActionBar .RadButton.RadButton_CCS.rbLinkButton
{
    border-left: 1px solid #d5dde0;
}

.gridActionBar .RadButton.RadButton_CCS .rbText
{
    font-size: 10px;
}

.gridActionBar input[type=submit]:first-child, .gridActionBar input[type="button"]:first-child, .gridActionBar .RadButton:first-child
{
    border-left: none;
}

.switch, .RadButton.rbRounded.switch {
	position: relative;
	display: inline-block;
	width: 3.750em;
	height: 2.125em;
	font-size: 1rem;
	background: transparent;
	padding: 0;
    border-style: none;
}

.switch-xs, .RadButton.rbRounded.switch.switch-xs {
	font-size: .5rem
}
	.switch-sm, .RadButton.rbRounded.switch.switch-sm {
		font-size: .75em
	}



.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;

}

	.slider::before /*, .RadButton.rbRounded.switch .slider.p-i-checkbox::before*/ {
			position: absolute;
  content: "";
  height: 1.625em;
  width: 1.625em;
  left: .25em;
  bottom: .25em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  font-size: inherit;
		}
	
		.p-i-checkbox-checked, .RadButton.rbRounded.switch .slider.p-i-checkbox-checked {			
			background-color: #16ac00;
		}

.switch-primary .p-i-checkbox-checked, .switch-success.RadButton.rbRounded.switch .slider.p-i-checkbox-checked {
	background-color: #327fb4;
}

.p-i-checkbox-checked::before, .RadButton.rbRounded.switch .slider.p-i-checkbox-checked::before {
	-webkit-transform: translateX(1.625em);
  -ms-transform: translateX(1.625em);
  transform: translateX(1.625em);
}
/*
	/* Rounded sliders */
.slider.round, .RadButton.rbRounded.switch .slider.round {
	border-radius: 2.125em;
	margin: 0;
	width: inherit;
	height: inherit;
	vertical-align: top;
	position: absolute;
	top: 0;
	left:0;
	font-size: 1em;
}

	.RadButton.rbRounded.switch .slider.round::before {
		border-radius: 50%;
		font-size: inherit;
        content: '';
	}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	/* IE10+ specific styles go here - adjust slider spacing */
}