You are here

Home » API reference » Drupal OAuth & OpenID Connect Login - OAuth2 Client SSO Login 8

miniorange_oauth_client.style_settings.css in Drupal OAuth & OpenID Connect Login - OAuth2 Client SSO Login 8 

#miniorange_oauth_client_app{
	border-radius: 4px;
	padding: 5px;
}

.mo_oauth_btn_fix{
	margin-right: 22px;
	margin-left: 8px;
}

.mo_oauth_highlight_background_note_export{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 98%;
}

.mo_oauth_highlight_background_note{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 98%;
}

.mo_oauth_highlight_background_note_2{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 70.3%;
}

#text_field1, #text_field2, #text_field3, #text_field4, #callbackurl, #miniorange_oauth_client_auth_ep, #miniorange_oauth_client_access_token_ep,
#miniorange_oauth_client_user_info_ep,#miniorange_oauth_client_display_name{
    width: 50%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	 border-radius: 4px;
	box-sizing: border-box;
}
.mo_oauth_table_layout {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:0px 10px 10px 10px;
	margin-bottom: 10px;
}

.mo_oauth_table_layout input[type=text] {
	width: 80%;
}
.mo_oauth_table_layout td strong {
	margin-left: 10px;
}

.mo_oauth_container {
	width: 59%;
	padding: 25px;
	border-radius: 4px !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.mo_oauth_table_layout_1
{
	background-color:#e0e0d8 !important;
	width: 97% !important;
	padding:1.5% !important;
	overflow: hidden;
}

.mo_oauth_tooltip {
	position: relative;
	display: inline-block;
}

.mo_oauth_tooltiptext {
	visibility: hidden;
	width: 350px;
	background-color: #737373;
	color: white;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;

	opacity: 0;
	transition: opacity 1s;
}

.mo_oauth_tooltip:hover + .mo_oauth_tooltiptext {
	visibility: visible;
	opacity: 1;
}

.mo_oauth_info_icon{
	margin-top: 2px;
}

.mo_oauth_row {
	margin: 10px 0px;
}

.mo_oauth_name {
	display: inline-block;
	width: 40%;
	max-width: 250px;
}

.mo_oauth_value {
	display: inline-block;
	width: 69%;
}

.mo_saml_table_layout_support_1{
	border-radius: 4px;
	position: relative;
	width: 350px;
	border: 1px solid #CCCCCC;
	padding: 15px 20px 17px 20px;
	background-color: white;
}

.mo_oauth_configure_message{
	display: block;
	text-align: center;
	font-size: 15px;
	border-radius: 10px;
	border: 1px solid #fb9a9a;
	color: red;
	background-color: rgba(255,0,0,0.1);
	padding: 10px;
}

.mo_oauth_highlight_background_note_1{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 90%;
}
#button_config_center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;
	background: #337ab7;
	color: #ffffff;
	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;
	box-shadow: 0 1px 0 #337ab7;
	border-color: #337ab7 #337ab7 #337ab7;
}
#button_config_left{
	display:block;
	border-radius: 4px;
	background: #337ab7;
	color: #ffffff;
	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;
	box-shadow: 0 1px 0 #337ab7;
	border-color: #337ab7 #337ab7 #337ab7;
}
.mo_copy {
	background-color: #FBFBFB;
	cursor: pointer;
	width: 6%;
}
.mo_copy:active {
	background: gray;
}
#button_config{
	border-radius: 4px;
	background: #337ab7;
	color: #ffffff;
	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;
	box-shadow: 0 1px 0 #337ab7;
	border-color: #337ab7 #337ab7 #337ab7;
}

.mo_saml_container_center {
	width: 60%;
	padding: 25px;
	border-radius: 4px !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.custom-login-logout {
  clear: both;
}

.mo_oauth_custom_login_logout {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 1%;
}

/*marketing site setup guides table*/

.mo_guide_table{
	max-width: 100%;
	margin-bottom: 20px;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 13px;
}

.mo_guide_table-bordered>thead>tr>th{
	border-bottom-width: 2px;
}
.mo_guide_table-bordered {
	border: 1px solid #ddd;
}

.mo_guide_table-bordered>thead>tr>th, .mo_guide_table-bordered>tbody>tr>td {
	border: 1px solid #ddd;
}

.mo_guide_table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
}
.mo_guide_text-center {
	text-align: center;
}
.mo_guide_table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.mo_guide_text-color {
	color: #fe7e00;
}

.mo_saml_table_layout {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:0px 10px 10px 10px;
	margin-bottom: 10px;
	border-radius: 4px !important;
}

.mo_saml_table_layout td strong {
	margin-left: 10px;
}

.form-textarea{

	padding: 2px !important;
	box-sizing: border-box !important;
	padding: 0.3em 0.4em 0.3em 0.5em !important;
	border: 1px solid #b8b8b8 !important;
	border-top-color: #999 !important;
	border-radius: 2px !important;
	background: #fcfcfa !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
}

@media only screen and (max-width:641px) { .form-textarea { width:100% !important;}}

.form-text{
	padding: 2px !important;
	box-sizing: border-box !important;
	padding: 0.3em 0.4em 0.3em 0.5em !important;
	border: 1px solid #b8b8b8 !important;
	border-top-color: #999 !important;
	border-radius: 2px !important;
	background: #fcfcfa !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
}

@media only screen and (max-width:641px) { .form-text { width:100% !important;}}

.mo_saml_table_layout_support_btn{
	position: fixed;
	top: 100px;
	z-index: 10000;
	right: -391px;
}

#mosaml-feedback-overlay{
	background: rgba(11, 13, 13, 0.44);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
}
.mo_saml_div_center_style{
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.mo_saml_container_2{
	width: 28%;
	padding: 2%;
	border-radius: 4px !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	float: right;
	margin-left: 1.5%;
}
.mo_oauth_no_feature{
	padding-left: 26%;
}
.scrollit {
	overflow:scroll;
	height:345px;
}
.mo_td_values{
	font-size: 14px;
	font-weight: 600;
	font-family: sans-serif;
}
/*====================***************Licensing page**********************=========================*/

.mo_oauth_btn-primary {
	color: #fff;
	background-color: #d7342e;
	border-color: #d7342e;
	padding: 6px 12px;
}
.mo_oauth_btn-primary-color {
	color: #fff;
	background-color: #32b42e;
	border-color: #32b42e;
}
.mo_oauth_btn {
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: .25rem;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mo_oauth_container_1{
	width: 100%;
}
#mo_oauth_pricing-table {
	padding-top: 30px;
}
#mo_oauth_pricing-table li{
	height: 40px;
	color: black;
	text-align: center;
	overflow: hidden;
}
.mo_oauth_class_inline_1{
	width: 29%;
	display: inline-block;
	padding-top: 210px;
}

.mo_oauth_class_inline{
	width: 17%;
	display: inline-block;
	vertical-align: top;
}
#mo_oauth_pricing-table .mo_oauth_pricing {
	margin: 0;
	padding: 0;
	font-family: 'Robot', sans-serif;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table {
	padding-bottom: 15px;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header {
	position: relative;
	background: #34495e;
	padding: 6px 18px;
	text-align: center;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-title {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate {
	font-size: 50px;
	font-weight: 600;
	color: #ffffff;
	position: relative;
	text-align: center;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate sup {
	font-size: 24px;
	position: relative;
	top: -30px;
	color: #bdc3c7;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate span {
	font-size: 13px;
	color: #bdc3c7;
	text-transform: uppercase;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list {
	padding: 20px 0 40px 0;
	background: #c4baba1c;
	border: 1px solid #e3e3e3;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul {
	padding: 0px;
	display: table;
	margin: 0px auto;
	width: 100%;
	text-align: center;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li {
	list-style: none;
	border-bottom: 1px solid #EAECEB;
	color: black;
	font-size: 15px;
	padding-top: 20px;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li:last-child {
	border: none;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li i {
	margin-right: 12px;
	color: #bdc3c7;
}
#mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li span {
	color: #34495e;
}

.mo_oauth_pricing-rate:last-of-type {
	margin-top:46px;
}

.mo_oauth_pricing-title>span{
	font-size: 12px;
	letter-spacing: 1px;
}
p.mo_oauth_pricing-title{
	height: 70px;
}
p.mo_oauth_pricing-rate{
	margin-bottom: 50px;
}
.filler-class{
	height: 0px;
}

.mo_btn_note{
	font-size: 14px;
	cursor: default;
	border-color:#337ab7;
}
.mo_oauth_pricing-list li:nth-of-type(2n+1) {
	background-color: rgba(23, 61, 80, 0.06);
}

#mo_saml_margin{
	margin-bottom: 22px;
}
.mo_saml_table_layout_1
{
	background-color:#e0e0d8;
	width: 97%;
	padding:2%;
	overflow: hidden;
}

/********************licensing end*******************/

.mo_oauth_instruction_style{
	background-color: rgba(173,216,230,0.3);
	padding: 12px;
	font-family: sans-serif
}
.mo_custom_font_size_1{
	font-size: 1.3em;
}
.mo_custom_font_size_2{
	font-size: 1.1em;
}
.mo_custom_font_size_3{
	font-size: 0.9em;
	padding-left: 15px;
	padding-top:5px;
}

.mo_saml_table_layout_support_btn{
	position: fixed;
	top: 100px;
	z-index: 10000;
	right: -391px;
}

#mosaml-feedback-overlay{
	background: rgba(11, 13, 13, 0.44);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
}
.mo_saml_div_center_style{
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.mo_oauth_client_welcome_message{
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 15px;
	color: rgba(0, 128, 0, 0.80);
	background-color: rgba(0, 255, 0, 0.15);
	padding: 5px;
}
.mo_attr_table{
	font-size: 17px;
	font-weight: 600;
	font-family: sans-serif
}
.mo_oauth_btn-know-more {
	background-color:blue;
	padding:4px 8px;
	color: white;
	border-color:blue;
	margin-right:14px;
	margin-bottom: 4px;
}
.mo_oauth_btn-get-module {
	background-color: #32b42e;
	padding:4px 8px;
	color: white;
	border-color: #32b42e;
	margin-right:14px;
	margin-bottom: 4px;
}

.mo_oauth_backup_download{
	display:none;
}

.mo_oauth_backup_cancel{
	float:right;
}

File

css/miniorange_oauth_client.style_settings.css
View source 
  1. #miniorange_oauth_client_app{

  2. 	border-radius: 4px;

  3. 	padding: 5px;

  4. }

  5. 

  6. .mo_oauth_btn_fix{

  7. 	margin-right: 22px;

  8. 	margin-left: 8px;

  9. }

  10. 

  11. .mo_oauth_highlight_background_note_export{

  12. 	background-color: #e0e0e0;

  13. 	border-radius: 4px;

  14. 	padding: 0.55em;

  15. 	width: 98%;

  16. }

  17. 

  18. .mo_oauth_highlight_background_note{

  19. 	background-color: #e0e0e0;

  20. 	border-radius: 4px;

  21. 	padding: 0.55em;

  22. 	width: 98%;

  23. }

  24. 

  25. .mo_oauth_highlight_background_note_2{

  26. 	background-color: #e0e0e0;

  27. 	border-radius: 4px;

  28. 	padding: 0.55em;

  29. 	width: 70.3%;

  30. }

  31. 

  32. #text_field1, #text_field2, #text_field3, #text_field4, #callbackurl, #miniorange_oauth_client_auth_ep, #miniorange_oauth_client_access_token_ep,

  33. #miniorange_oauth_client_user_info_ep,#miniorange_oauth_client_display_name{

  34.     width: 50%;

  35. 	padding: 12px 20px;

  36. 	margin: 8px 0;

  37. 	display: inline-block;

  38. 	border: 1px solid #ccc;

  39. 	 border-radius: 4px;

  40. 	box-sizing: border-box;

  41. }

  42. .mo_oauth_table_layout {

  43. 	background-color:#FFFFFF;

  44. 	border:1px solid #CCCCCC;

  45. 	padding:0px 10px 10px 10px;

  46. 	margin-bottom: 10px;

  47. }

  48. 

  49. .mo_oauth_table_layout input[type=text] {

  50. 	width: 80%;

  51. }

  52. .mo_oauth_table_layout td strong {

  53. 	margin-left: 10px;

  54. }

  55. 

  56. .mo_oauth_container {

  57. 	width: 59%;

  58. 	padding: 25px;

  59. 	border-radius: 4px !important;

  60. 	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

  61. 	margin-left: auto;

  62. 	margin-right: auto;

  63. 	float: left;

  64. }

  65. 

  66. .mo_oauth_table_layout_1

  67. {

  68. 	background-color:#e0e0d8 !important;

  69. 	width: 97% !important;

  70. 	padding:1.5% !important;

  71. 	overflow: hidden;

  72. }

  73. 

  74. .mo_oauth_tooltip {

  75. 	position: relative;

  76. 	display: inline-block;

  77. }

  78. 

  79. .mo_oauth_tooltiptext {

  80. 	visibility: hidden;

  81. 	width: 350px;

  82. 	background-color: #737373;

  83. 	color: white;

  84. 	text-align: center;

  85. 	border-radius: 6px;

  86. 	padding: 5px 0;

  87. 

  88. 	/* Position the tooltip */

  89. 	position: absolute;

  90. 	z-index: 1;

  91. 

  92. 	opacity: 0;

  93. 	transition: opacity 1s;

  94. }

  95. 

  96. .mo_oauth_tooltip:hover + .mo_oauth_tooltiptext {

  97. 	visibility: visible;

  98. 	opacity: 1;

  99. }

  100. 

  101. .mo_oauth_info_icon{

  102. 	margin-top: 2px;

  103. }

  104. 

  105. .mo_oauth_row {

  106. 	margin: 10px 0px;

  107. }

  108. 

  109. .mo_oauth_name {

  110. 	display: inline-block;

  111. 	width: 40%;

  112. 	max-width: 250px;

  113. }

  114. 

  115. .mo_oauth_value {

  116. 	display: inline-block;

  117. 	width: 69%;

  118. }

  119. 

  120. .mo_saml_table_layout_support_1{

  121. 	border-radius: 4px;

  122. 	position: relative;

  123. 	width: 350px;

  124. 	border: 1px solid #CCCCCC;

  125. 	padding: 15px 20px 17px 20px;

  126. 	background-color: white;

  127. }

  128. 

  129. .mo_oauth_configure_message{

  130. 	display: block;

  131. 	text-align: center;

  132. 	font-size: 15px;

  133. 	border-radius: 10px;

  134. 	border: 1px solid #fb9a9a;

  135. 	color: red;

  136. 	background-color: rgba(255,0,0,0.1);

  137. 	padding: 10px;

  138. }

  139. 

  140. .mo_oauth_highlight_background_note_1{

  141. 	background-color: #e0e0e0;

  142. 	border-radius: 4px;

  143. 	padding: 0.55em;

  144. 	width: 90%;

  145. }

  146. #button_config_center{

  147. 	display:block;

  148. 	margin-left:auto;

  149. 	margin-right:auto;

  150. 	border-radius: 4px;

  151. 	background: #337ab7;

  152. 	color: #ffffff;

  153. 	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;

  154. 	box-shadow: 0 1px 0 #337ab7;

  155. 	border-color: #337ab7 #337ab7 #337ab7;

  156. }

  157. #button_config_left{

  158. 	display:block;

  159. 	border-radius: 4px;

  160. 	background: #337ab7;

  161. 	color: #ffffff;

  162. 	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;

  163. 	box-shadow: 0 1px 0 #337ab7;

  164. 	border-color: #337ab7 #337ab7 #337ab7;

  165. }

  166. .mo_copy {

  167. 	background-color: #FBFBFB;

  168. 	cursor: pointer;

  169. 	width: 6%;

  170. }

  171. .mo_copy:active {

  172. 	background: gray;

  173. }

  174. #button_config{

  175. 	border-radius: 4px;

  176. 	background: #337ab7;

  177. 	color: #ffffff;

  178. 	text-shadow: 0 -1px 1px #337ab7, 1px 0 1px #337ab7, 0 1px 1px #337ab7, -1px 0 1px #337ab7;

  179. 	box-shadow: 0 1px 0 #337ab7;

  180. 	border-color: #337ab7 #337ab7 #337ab7;

  181. }

  182. 

  183. .mo_saml_container_center {

  184. 	width: 60%;

  185. 	padding: 25px;

  186. 	border-radius: 4px !important;

  187. 	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

  188. 	margin-left: auto;

  189. 	margin-right: auto;

  190. 	float: none;

  191. }

  192. 

  193. .custom-login-logout {

  194.   clear: both;

  195. }

  196. 

  197. .mo_oauth_custom_login_logout {

  198.     letter-spacing: 0.08em;

  199.     text-transform: uppercase;

  200.     font-size: 1em;

  201.     font-weight: bold;

  202.     padding-bottom: 1%;

  203. }

  204. 

  205. /*marketing site setup guides table*/

  206. 

  207. .mo_guide_table{

  208. 	max-width: 100%;

  209. 	margin-bottom: 20px;

  210. 	border-spacing: 0;

  211. 	border-collapse: collapse;

  212. 	font-size: 13px;

  213. }

  214. 

  215. .mo_guide_table-bordered>thead>tr>th{

  216. 	border-bottom-width: 2px;

  217. }

  218. .mo_guide_table-bordered {

  219. 	border: 1px solid #ddd;

  220. }

  221. 

  222. .mo_guide_table-bordered>thead>tr>th, .mo_guide_table-bordered>tbody>tr>td {

  223. 	border: 1px solid #ddd;

  224. }

  225. 

  226. .mo_guide_table>thead>tr>th {

  227. 	padding: 8px;

  228. 	line-height: 1.42857143;

  229. }

  230. .mo_guide_text-center {

  231. 	text-align: center;

  232. }

  233. .mo_guide_table-striped>tbody>tr:nth-of-type(odd) {

  234. 	background-color: #f9f9f9;

  235. }

  236. .mo_guide_text-color {

  237. 	color: #fe7e00;

  238. }

  239. 

  240. .mo_saml_table_layout {

  241. 	background-color:#FFFFFF;

  242. 	border:1px solid #CCCCCC;

  243. 	padding:0px 10px 10px 10px;

  244. 	margin-bottom: 10px;

  245. 	border-radius: 4px !important;

  246. }

  247. 

  248. .mo_saml_table_layout td strong {

  249. 	margin-left: 10px;

  250. }

  251. 

  252. .form-textarea{

  253. 

  254. 	padding: 2px !important;

  255. 	box-sizing: border-box !important;

  256. 	padding: 0.3em 0.4em 0.3em 0.5em !important;

  257. 	border: 1px solid #b8b8b8 !important;

  258. 	border-top-color: #999 !important;

  259. 	border-radius: 2px !important;

  260. 	background: #fcfcfa !important;

  261. 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;

  262. }

  263. 

  264. @media only screen and (max-width:641px) { .form-textarea { width:100% !important;}}

  265. 

  266. .form-text{

  267. 	padding: 2px !important;

  268. 	box-sizing: border-box !important;

  269. 	padding: 0.3em 0.4em 0.3em 0.5em !important;

  270. 	border: 1px solid #b8b8b8 !important;

  271. 	border-top-color: #999 !important;

  272. 	border-radius: 2px !important;

  273. 	background: #fcfcfa !important;

  274. 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;

  275. }

  276. 

  277. @media only screen and (max-width:641px) { .form-text { width:100% !important;}}

  278. 

  279. .mo_saml_table_layout_support_btn{

  280. 	position: fixed;

  281. 	top: 100px;

  282. 	z-index: 10000;

  283. 	right: -391px;

  284. }

  285. 

  286. #mosaml-feedback-overlay{

  287. 	background: rgba(11, 13, 13, 0.44);

  288. 	top: 0;

  289. 	left: 0;

  290. 	width: 100%;

  291. 	height: 100%;

  292. 	position: fixed;

  293. 	z-index: 9999;

  294. }

  295. .mo_saml_div_center_style{

  296. 	margin-left: auto;

  297. 	margin-right: auto;

  298. 	float: none;

  299. }

  300. 

  301. .mo_saml_container_2{

  302. 	width: 28%;

  303. 	padding: 2%;

  304. 	border-radius: 4px !important;

  305. 	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

  306. 	float: right;

  307. 	margin-left: 1.5%;

  308. }

  309. .mo_oauth_no_feature{

  310. 	padding-left: 26%;

  311. }

  312. .scrollit {

  313. 	overflow:scroll;

  314. 	height:345px;

  315. }

  316. .mo_td_values{

  317. 	font-size: 14px;

  318. 	font-weight: 600;

  319. 	font-family: sans-serif;

  320. }

  321. /*====================***************Licensing page**********************=========================*/

  322. 

  323. .mo_oauth_btn-primary {

  324. 	color: #fff;

  325. 	background-color: #d7342e;

  326. 	border-color: #d7342e;

  327. 	padding: 6px 12px;

  328. }

  329. .mo_oauth_btn-primary-color {

  330. 	color: #fff;

  331. 	background-color: #32b42e;

  332. 	border-color: #32b42e;

  333. }

  334. .mo_oauth_btn {

  335. 	font-weight: 400;

  336. 	text-align: center;

  337. 	white-space: nowrap;

  338. 	vertical-align: middle;

  339. 	-webkit-user-select: none;

  340. 	-moz-user-select: none;

  341. 	-ms-user-select: none;

  342. 	user-select: none;

  343. 	border: 1px solid transparent;

  344. 	border-radius: .25rem;

  345. 	text-decoration: none;

  346. 	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  347. }

  348. .mo_oauth_container_1{

  349. 	width: 100%;

  350. }

  351. #mo_oauth_pricing-table {

  352. 	padding-top: 30px;

  353. }

  354. #mo_oauth_pricing-table li{

  355. 	height: 40px;

  356. 	color: black;

  357. 	text-align: center;

  358. 	overflow: hidden;

  359. }

  360. .mo_oauth_class_inline_1{

  361. 	width: 29%;

  362. 	display: inline-block;

  363. 	padding-top: 210px;

  364. }

  365. 

  366. .mo_oauth_class_inline{

  367. 	width: 17%;

  368. 	display: inline-block;

  369. 	vertical-align: top;

  370. }

  371. #mo_oauth_pricing-table .mo_oauth_pricing {

  372. 	margin: 0;

  373. 	padding: 0;

  374. 	font-family: 'Robot', sans-serif;

  375. }

  376. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table {

  377. 	padding-bottom: 15px;

  378. }

  379. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header {

  380. 	position: relative;

  381. 	background: #34495e;

  382. 	padding: 6px 18px;

  383. 	text-align: center;

  384. 	border-top-right-radius: 4px;

  385. 	border-top-left-radius: 4px;

  386. }

  387. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-title {

  388. 	color: #ffffff;

  389. 	text-transform: uppercase;

  390. 	letter-spacing: 2px;

  391. 	font-size: 18px;

  392. 	text-align: center;

  393. 	font-weight: 500;

  394. }

  395. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate {

  396. 	font-size: 50px;

  397. 	font-weight: 600;

  398. 	color: #ffffff;

  399. 	position: relative;

  400. 	text-align: center;

  401. }

  402. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate sup {

  403. 	font-size: 24px;

  404. 	position: relative;

  405. 	top: -30px;

  406. 	color: #bdc3c7;

  407. }

  408. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header .mo_oauth_pricing-rate span {

  409. 	font-size: 13px;

  410. 	color: #bdc3c7;

  411. 	text-transform: uppercase;

  412. }

  413. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list {

  414. 	padding: 20px 0 40px 0;

  415. 	background: #c4baba1c;

  416. 	border: 1px solid #e3e3e3;

  417. }

  418. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul {

  419. 	padding: 0px;

  420. 	display: table;

  421. 	margin: 0px auto;

  422. 	width: 100%;

  423. 	text-align: center;

  424. }

  425. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li {

  426. 	list-style: none;

  427. 	border-bottom: 1px solid #EAECEB;

  428. 	color: black;

  429. 	font-size: 15px;

  430. 	padding-top: 20px;

  431. }

  432. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li:last-child {

  433. 	border: none;

  434. }

  435. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li i {

  436. 	margin-right: 12px;

  437. 	color: #bdc3c7;

  438. }

  439. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list ul li span {

  440. 	color: #34495e;

  441. }

  442. 

  443. .mo_oauth_pricing-rate:last-of-type {

  444. 	margin-top:46px;

  445. }

  446. 

  447. .mo_oauth_pricing-title>span{

  448. 	font-size: 12px;

  449. 	letter-spacing: 1px;

  450. }

  451. p.mo_oauth_pricing-title{

  452. 	height: 70px;

  453. }

  454. p.mo_oauth_pricing-rate{

  455. 	margin-bottom: 50px;

  456. }

  457. .filler-class{

  458. 	height: 0px;

  459. }

  460. 

  461. .mo_btn_note{

  462. 	font-size: 14px;

  463. 	cursor: default;

  464. 	border-color:#337ab7;

  465. }

  466. .mo_oauth_pricing-list li:nth-of-type(2n+1) {

  467. 	background-color: rgba(23, 61, 80, 0.06);

  468. }

  469. 

  470. #mo_saml_margin{

  471. 	margin-bottom: 22px;

  472. }

  473. .mo_saml_table_layout_1

  474. {

  475. 	background-color:#e0e0d8;

  476. 	width: 97%;

  477. 	padding:2%;

  478. 	overflow: hidden;

  479. }

  480. 

  481. /********************licensing end*******************/

  482. 

  483. .mo_oauth_instruction_style{

  484. 	background-color: rgba(173,216,230,0.3);

  485. 	padding: 12px;

  486. 	font-family: sans-serif

  487. }

  488. .mo_custom_font_size_1{

  489. 	font-size: 1.3em;

  490. }

  491. .mo_custom_font_size_2{

  492. 	font-size: 1.1em;

  493. }

  494. .mo_custom_font_size_3{

  495. 	font-size: 0.9em;

  496. 	padding-left: 15px;

  497. 	padding-top:5px;

  498. }

  499. 

  500. .mo_saml_table_layout_support_btn{

  501. 	position: fixed;

  502. 	top: 100px;

  503. 	z-index: 10000;

  504. 	right: -391px;

  505. }

  506. 

  507. #mosaml-feedback-overlay{

  508. 	background: rgba(11, 13, 13, 0.44);

  509. 	top: 0;

  510. 	left: 0;

  511. 	width: 100%;

  512. 	height: 100%;

  513. 	position: fixed;

  514. 	z-index: 9999;

  515. }

  516. .mo_saml_div_center_style{

  517. 	margin-left: auto;

  518. 	margin-right: auto;

  519. 	float: none;

  520. }

  521. 

  522. .mo_oauth_client_welcome_message{

  523. 	display: block;

  524. 	margin-top: 10px;

  525. 	text-align: center;

  526. 	font-size: 15px;

  527. 	color: rgba(0, 128, 0, 0.80);

  528. 	background-color: rgba(0, 255, 0, 0.15);

  529. 	padding: 5px;

  530. }

  531. .mo_attr_table{

  532. 	font-size: 17px;

  533. 	font-weight: 600;

  534. 	font-family: sans-serif

  535. }

  536. .mo_oauth_btn-know-more {

  537. 	background-color:blue;

  538. 	padding:4px 8px;

  539. 	color: white;

  540. 	border-color:blue;

  541. 	margin-right:14px;

  542. 	margin-bottom: 4px;

  543. }

  544. .mo_oauth_btn-get-module {

  545. 	background-color: #32b42e;

  546. 	padding:4px 8px;

  547. 	color: white;

  548. 	border-color: #32b42e;

  549. 	margin-right:14px;

  550. 	margin-bottom: 4px;

  551. }

  552. 

  553. .mo_oauth_backup_download{

  554. 	display:none;

  555. }

  556. 

  557. .mo_oauth_backup_cancel{

  558. 	float:right;

  559. }