/**
 * Custom styles for mdv lms webapp
 */
.logo {
	background:#0071bc url(images/img-logo-dac.png) no-repeat 50% 50%;
	height:80px;
}
.ui-content h2 {
	margin:0 0 0 0;
}
.ui-content h2 span {
	font-size:13px;
}
.ui-content span.username {
	font-size:13px;	
	font-weight:normal;
	/*margin-left:20px;*/
}
.alert-msg {
	width: 70% !important;
	padding: 10px 0px !important; 
}
.git-data {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 20px 0 10px 0px !important;
}

/**
 * General helping classes
 */
.is-hidden {
	display: none;
}
.t-red {
	color: #ed1c24 !important;
}
.t-bold {
	font-weight: bold;
}
.top-padd-0 {
	padding-top: 0px !important;
}
.top-padd-5 {
	padding-top: 5px !important;
}
.top-padd-15 label {
	padding-top: 15px !important;
}
.bott-marg-0 {
	margin-bottom: 0px !important; 
}
h2.bottom-padd-25 {
	margin:0 0 25px 0 !important;
}
.fr {
	float: right !important;
}
.fl {
	float: left !important;
}
.t-center {
	text-align: center !important;
}
.ui-select .form-error-field,
.ui-input-text.form-error-field,
.ui-input-search.form-error-field {
	background: #FFC5C5 !important;
}

/**
 * All Users modification
 */
.ui-body-a, .ui-overlay-a {
	border: 0 !important;
}

/**
 * User information modal window
 */
#userModal ul {
	list-style-type: none;
	padding: 0px 0px 0px 10px !important;
	margin: 0px;
}
#userModal li {
	padding-bottom: 10px !important; 
}
#userModal li strong {
	display: block;
	clear: both;
}
#userModal div h3 {
	margin-bottom: 0px !important;
}
#userModal span.multiple {
	font-size: 25px;
	font-weight: bold;
	color: #ed1c24;
}
.ui-content span.users-associations-count,
.ui-content span.users-configurations-count {
	font-size:13px;	
	font-weight:normal;
}

#user-info-modal .alert-btn {
	border: 1px solid #c7181f /*{b-bhover-border}*/;
	background: #c7181f /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 0 /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #c7181f /*{b-bhover-background-start}*/), to( #ed1c24 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #c7181f /*{b-bhover-background-start}*/, #ed1c24 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #c7181f /*{b-bhover-background-start}*/, #ed1c24 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #c7181f /*{b-bhover-background-start}*/, #ed1c24 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #c7181f /*{b-bhover-background-start}*/, #ed1c24 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #c7181f /*{b-bhover-background-start}*/, #ed1c24 /*{b-bhover-background-end}*/);
}
#user-info-modal .alert-btn.green-btn {
	border: 1px solid #17b723 /*{b-bhover-border}*/;
	background: #17b723 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 0 /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #17b723 /*{b-bhover-background-start}*/), to( #1fe42e /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #17b723 /*{b-bhover-background-start}*/, #1fe42e /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #17b723 /*{b-bhover-background-start}*/, #1fe42e /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #17b723 /*{b-bhover-background-start}*/, #1fe42e /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #17b723 /*{b-bhover-background-start}*/, #1fe42e /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #17b723 /*{b-bhover-background-start}*/, #1fe42e /*{b-bhover-background-end}*/);
}
#user-info-modal .alert-btn:hover {
	border: 1px solid #000000 /*{b-bhover-border}*/;
	background: #000000 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 0 /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{b-bhover-background-start}*/), to( #000000 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #000000 /*{b-bhover-background-start}*/, #000000 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #000000 /*{b-bhover-background-start}*/, #000000 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #000000 /*{b-bhover-background-start}*/, #000000 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #000000 /*{b-bhover-background-start}*/, #000000 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #000000 /*{b-bhover-background-start}*/, #000000 /*{b-bhover-background-end}*/);
}
#user-info-modal .alert-btn:active {
	border: 1px solid #bbbbbb /*{b-bdown-border}*/;
	background: #d6d6d6 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/);
}

/**
 * Delete user window
 */
#delete-user h3 span {
	display: block !important;
	clear: both;
}
#delete-user .step-2 {
	padding-top: 5px !important;
}
#deleteReassignModal ul, #deleteSetNewModal ul {
	list-style-type: none;
	padding: 0px 0px 0px 10px !important;
	margin: 0px;
}
#deleteReassignModal li, #deleteSetNewModal li {
	padding-bottom: 10px !important; 
}
#deleteReassignModal li strong, #deleteSetNewModal li strong {
	display: block;
	clear: both;
}

/**
 * Add rooftop view
 */
.inline-remote-search .ui-input-search {
	margin-top: 15px;
}
.ui-listview-filter-inset {
    margin-top: 0;
}

/**
 * Add/edit user window
 */
.section-user-apps {
	padding: 0 0 2.6em 0;
}
.section-edit-form {
	padding: 0 0 1em 0;
	margin-bottom: 2em;
}

/**
 * Retina display styles
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.logo {
		background:#0071bc url(images/img-logo-dac@2x.png) no-repeat 50% 50%;
		background-size:320px 80px;
	}
}

/**
 * Add/Edit Rooftop
 */
.logo-wrapper {
	padding-top: 10px;
	width: 78%;
    display: inline-block;
}
.faux-label {
	display: inline-block;
    width: 20%;
    margin: 0 2% 0 0;
}

/**
 * General Components
 */
.create-record-shortcut {
	margin: 1px 0 0 0;
	float: right;
}

/**
 * Rooftop Edit :: Color Picker
 */
.color-picker-label {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.vertical-spacer {
	display: block;
	height: 15px;
	width: 100%;
}
.sp-replacer.sp-light {
	margin-top: -6px;
}

/**
 * Add/Edit Rooftop: Seller Page Config (Forms)
 */
.combo-field .ui-input-text {
    width: 50% !important;
}

.combo-field .ui-controlgroup-controls .ui-radio:nth-child(2) {
    margin-right: 50px !important;
}
.line-divider {
	border: 1px solid lightgrey;
}