You are here

Home » API reference » OAuth2 Login 8

oauth2_login.style_settings.css in OAuth2 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_2{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 71.7%;
}

#text_field,#text_field1,#text_field2,#text_field3, #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_info_table{
	margin: 0 -14px 10px;
	width: 104%;
}

.mo_oauth_info_table tr{
	border-bottom: none;
}

.mo_oauth_info_table tbody tr:hover td {
	background: white;
}

.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_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_table_layout_1
{
	background-color:#e0e0d8 !important;
	width: 97% !important;
	padding:2% !important;
	overflow: hidden;
}

.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_saml_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;
}
#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;
}

/*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: 29%;
	padding: 33px;
	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-right: auto;
	float: left;
	margin-left: 22px;
}
.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_saml_container_2 {
	width: 29%;
	padding: 33px;
	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-right: auto;
	float: left;
	margin-left: 22px;
}

.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_backup_download{
	display:none;
}

.mo_oauth_backup_cancel{
	float:right;
}

File

css/oauth2_login.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_2{

  19. 	background-color: #e0e0e0;

  20. 	border-radius: 4px;

  21. 	padding: 0.55em;

  22. 	width: 71.7%;

  23. }

  24. 

  25. #text_field,#text_field1,#text_field2,#text_field3, #callbackurl, #miniorange_oauth_client_auth_ep, #miniorange_oauth_client_access_token_ep,

  26. #miniorange_oauth_client_user_info_ep,#miniorange_oauth_client_display_name{

  27.     width: 50%;

  28. 	padding: 12px 20px;

  29. 	margin: 8px 0;

  30. 	display: inline-block;

  31. 	border: 1px solid #ccc;

  32. 	 border-radius: 4px; 

  33. 	box-sizing: border-box;

  34. }

  35. .mo_oauth_table_layout {

  36. 	background-color:#FFFFFF; 

  37. 	border:1px solid #CCCCCC; 

  38. 	padding:0px 10px 10px 10px;

  39. 	margin-bottom: 10px;

  40. }

  41. 

  42. .mo_oauth_table_layout input[type=text] {

  43. 	width: 80%;

  44. }

  45. .mo_oauth_table_layout td strong {

  46. 	margin-left: 10px;

  47. }

  48. .mo_oauth_container {

  49. 	width: 59%;

  50. 	padding: 25px;

  51. 	border-radius: 4px !important;

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

  53. 	margin-left: auto;

  54. 	margin-right: auto;

  55. 	float: left;

  56. }

  57. 

  58. .mo_oauth_info_table{

  59. 	margin: 0 -14px 10px;

  60. 	width: 104%;

  61. }

  62. 

  63. .mo_oauth_info_table tr{

  64. 	border-bottom: none;

  65. }

  66. 

  67. .mo_oauth_info_table tbody tr:hover td {

  68. 	background: white;

  69. }

  70. 

  71. .mo_oauth_tooltip {

  72. 	position: relative;

  73. 	display: inline-block;

  74. }

  75. 

  76. .mo_oauth_tooltiptext {

  77. 	visibility: hidden;

  78. 	width: 350px;

  79. 	background-color: #737373;

  80. 	color: white;

  81. 	text-align: center;

  82. 	border-radius: 6px;

  83. 	padding: 5px 0;

  84. 

  85. 	/* Position the tooltip */

  86. 	position: absolute;

  87. 	z-index: 1;

  88. 

  89. 	opacity: 0;

  90. 	transition: opacity 1s;

  91. }

  92. 

  93. .mo_oauth_tooltip:hover + .mo_oauth_tooltiptext {

  94. 	visibility: visible;

  95. 	opacity: 1;

  96. }

  97. 

  98. .mo_oauth_info_icon{

  99. 	margin-top: 2px;

  100. }

  101. 

  102. .mo_oauth_row {

  103. 	margin: 10px 0px;

  104. }

  105. 

  106. .mo_oauth_configure_message{

  107. 	display: block;

  108. 	text-align: center;

  109. 	font-size: 15px;

  110. 	border-radius: 10px;

  111. 	border: 1px solid #fb9a9a;

  112. 	color: red;

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

  114. 	padding: 10px;

  115. }

  116. 

  117. .mo_oauth_table_layout_1

  118. {

  119. 	background-color:#e0e0d8 !important;

  120. 	width: 97% !important;

  121. 	padding:2% !important;

  122. 	overflow: hidden;

  123. }

  124. 

  125. .mo_saml_table_layout_support_1{

  126. 	border-radius: 4px;

  127. 	position: relative;

  128. 	width: 350px;

  129. 	border: 1px solid #CCCCCC;

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

  131. 	background-color: white;

  132. }

  133. 

  134. .mo_saml_highlight_background_note_1{

  135. 	background-color: #e0e0e0;

  136. 	border-radius: 4px;

  137. 	padding: 0.55em;

  138. 	width: 90%;

  139. }

  140. #button_config_center{

  141. 	display:block;

  142. 	margin-left:auto;

  143. 	margin-right:auto;

  144. 	border-radius: 4px;

  145. 	background: #337ab7;

  146. 	color: #ffffff;

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

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

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

  150. }

  151. #button_config_left{

  152. 	display:block;

  153. 	border-radius: 4px;

  154. 	background: #337ab7;

  155. 	color: #ffffff;

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

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

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

  159. }

  160. #button_config{

  161. 	border-radius: 4px;

  162. 	background: #337ab7;

  163. 	color: #ffffff;

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

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

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

  167. }

  168. 

  169. .mo_saml_container_center {

  170. 	width: 60%;

  171. 	padding: 25px;

  172. 	border-radius: 4px !important ;

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

  174. 	margin-left: auto;

  175. 	margin-right: auto;

  176. 	float: none;

  177. }

  178. 

  179. /*marketing site setup guides table*/

  180. 

  181. .mo_guide_table{

  182. 	max-width: 100%;

  183. 	margin-bottom: 20px;

  184. 	border-spacing: 0;

  185. 	border-collapse: collapse;

  186. 	font-size: 13px;

  187. }

  188. 

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

  190. 	border-bottom-width: 2px;

  191. }

  192. .mo_guide_table-bordered {

  193. 	border: 1px solid #ddd;

  194. }

  195. 

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

  197. 	border: 1px solid #ddd;

  198. }

  199. 

  200. .mo_guide_table>thead>tr>th {

  201. 	padding: 8px;

  202. 	line-height: 1.42857143;

  203. }

  204. .mo_guide_text-center {

  205. 	text-align: center;

  206. }

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

  208. 	background-color: #f9f9f9;

  209. }

  210. .mo_guide_text-color {

  211. 	color: #fe7e00;

  212. }

  213. 

  214. .mo_saml_table_layout {

  215. 	background-color:#FFFFFF;

  216. 	border:1px solid #CCCCCC;

  217. 	padding:0px 10px 10px 10px;

  218. 	margin-bottom: 10px;

  219. 	border-radius: 4px !important;

  220. }

  221. 

  222. .mo_saml_table_layout td strong {

  223. 	margin-left: 10px;

  224. }

  225. 

  226. .form-textarea{

  227. 

  228. 	padding: 2px !important;

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

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

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

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

  233. 	border-radius: 2px !important;

  234. 	background: #fcfcfa !important;

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

  236. }

  237. 

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

  239. 

  240. .form-text{

  241. 	padding: 2px !important;

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

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

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

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

  246. 	border-radius: 2px !important;

  247. 	background: #fcfcfa !important;

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

  249. }

  250. 

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

  252. 

  253. .mo_saml_table_layout_support_btn{

  254. 	position: fixed;

  255. 	top: 100px;

  256. 	z-index: 10000;

  257. 	right: -391px;

  258. }

  259. 

  260. #mosaml-feedback-overlay{

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

  262. 	top: 0;

  263. 	left: 0;

  264. 	width: 100%;

  265. 	height: 100%;

  266. 	position: fixed;

  267. 	z-index: 9999;

  268. }

  269. .mo_saml_div_center_style{

  270. 	margin-left: auto;

  271. 	margin-right: auto;

  272. 	float: none;

  273. }

  274. 

  275. .mo_saml_container_2{

  276. 	width: 29%;

  277. 	padding: 33px;

  278. 	border-radius: 4px !important ;

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

  280. 	margin-right: auto;

  281. 	float: left;

  282. 	margin-left: 22px;

  283. }

  284. .scrollit {

  285. 	overflow:scroll;

  286. 	height:345px;

  287. }

  288. .mo_td_values{

  289. 	font-size: 14px;

  290. 	font-weight: 600;

  291. 	font-family: sans-serif;

  292. }

  293. /*====================***************Licensing page**********************=========================*/

  294. 

  295. .mo_oauth_btn-primary {

  296. 	color: #fff;

  297. 	background-color: #d7342e;

  298. 	border-color: #d7342e;

  299. 	padding: 6px 12px;

  300. }

  301. .mo_oauth_btn-primary-color {

  302. 	color: #fff;

  303. 	background-color: #32b42e;

  304. 	border-color: #32b42e;

  305. }

  306. .mo_oauth_btn {

  307. 	font-weight: 400;

  308. 	text-align: center;

  309. 	white-space: nowrap;

  310. 	vertical-align: middle;

  311. 	-webkit-user-select: none;

  312. 	-moz-user-select: none;

  313. 	-ms-user-select: none;

  314. 	user-select: none;

  315. 	border: 1px solid transparent;

  316. 	border-radius: .25rem;

  317. 	text-decoration: none;

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

  319. }

  320. .mo_oauth_container_1{

  321. 	width: 100%;

  322. }

  323. #mo_oauth_pricing-table {

  324. 	padding-top: 30px;

  325. }

  326. #mo_oauth_pricing-table li{

  327. 	height: 40px;

  328. 	color: black;

  329. 	text-align: center;

  330. 	overflow: hidden;

  331. }

  332. .mo_oauth_class_inline_1{

  333. 	width: 29%;

  334. 	display: inline-block;

  335. 	padding-top: 210px;

  336. }

  337. 

  338. .mo_oauth_class_inline{

  339. 	width: 17%;

  340. 	display: inline-block;

  341. 	vertical-align: top;

  342. }

  343. #mo_oauth_pricing-table .mo_oauth_pricing {

  344. 	margin: 0;

  345. 	padding: 0;

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

  347. }

  348. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table {

  349. 	padding-bottom: 15px;

  350. }

  351. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-table .mo_oauth_pricing-header {

  352. 	position: relative;

  353. 	background: #34495e;

  354. 	padding: 6px 18px;

  355. 	text-align: center;

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

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

  358. }

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

  360. 	color: #ffffff;

  361. 	text-transform: uppercase;

  362. 	letter-spacing: 2px;

  363. 	font-size: 18px;

  364. 	text-align: center;

  365. 	font-weight: 500;

  366. }

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

  368. 	font-size: 50px;

  369. 	font-weight: 600;

  370. 	color: #ffffff;

  371. 	position: relative;

  372. 	text-align: center;

  373. }

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

  375. 	font-size: 24px;

  376. 	position: relative;

  377. 	top: -30px;

  378. 	color: #bdc3c7;

  379. }

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

  381. 	font-size: 13px;

  382. 	color: #bdc3c7;

  383. 	text-transform: uppercase;

  384. }

  385. #mo_oauth_pricing-table .mo_oauth_pricing .mo_oauth_pricing-list {

  386. 	padding: 20px 0 40px 0;

  387. 	background: #c4baba1c;

  388. 	border: 1px solid #e3e3e3;

  389. }

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

  391. 	padding: 0px;

  392. 	display: table;

  393. 	margin: 0px auto;

  394. 	width: 100%;

  395. 	text-align: center;

  396. }

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

  398. 	list-style: none;

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

  400. 	color: black;

  401. 	font-size: 15px;

  402. 	padding-top: 20px;

  403. }

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

  405. 	border: none;

  406. }

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

  408. 	margin-right: 12px;

  409. 	color: #bdc3c7;

  410. }

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

  412. 	color: #34495e;

  413. }

  414. 

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

  416. 	margin-top:46px;

  417. }

  418. 

  419. .mo_oauth_pricing-title>span{

  420. 	font-size: 12px;

  421. 	letter-spacing: 1px;

  422. }

  423. p.mo_oauth_pricing-title{

  424. 	height: 70px;

  425. }

  426. p.mo_oauth_pricing-rate{

  427. 	margin-bottom: 50px;

  428. }

  429. .filler-class{

  430. 	height: 0px;

  431. }

  432. 

  433. .mo_btn_note{

  434. 	font-size: 14px;

  435. 	cursor: default;

  436. 	border-color:#337ab7;

  437. }

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

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

  440. }

  441. 

  442. #mo_saml_margin{

  443. 	margin-bottom: 22px;

  444. }

  445. .mo_saml_table_layout_1

  446. {

  447. 	background-color:#e0e0d8;

  448. 	width: 97%;

  449. 	padding:2%;

  450. 	overflow: hidden;

  451. }

  452. 

  453. /********************licensing end*******************/

  454. 

  455. .mo_oauth_instruction_style{

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

  457. 	padding: 12px;

  458. 	font-family: sans-serif

  459. }

  460. .mo_custom_font_size_1{

  461. 	font-size: 1.3em;

  462. }

  463. .mo_custom_font_size_2{

  464. 	font-size: 1.1em;

  465. }

  466. .mo_custom_font_size_3{

  467. 	font-size: 0.9em;

  468. 	padding-left: 15px;

  469. 	padding-top:5px;

  470. }

  471. 

  472. .mo_saml_table_layout_support_btn{

  473. 	position: fixed;

  474. 	top: 100px;

  475. 	z-index: 10000;

  476. 	right: -391px;

  477. }

  478. 

  479. #mosaml-feedback-overlay{

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

  481. 	top: 0;

  482. 	left: 0;

  483. 	width: 100%;

  484. 	height: 100%;

  485. 	position: fixed;

  486. 	z-index: 9999;

  487. }

  488. .mo_saml_div_center_style{

  489. 	margin-left: auto;

  490. 	margin-right: auto;

  491. 	float: none;

  492. }

  493. 

  494. .mo_saml_container_2 {

  495. 	width: 29%;

  496. 	padding: 33px;

  497. 	border-radius: 4px !important;

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

  499. 	margin-right: auto;

  500. 	float: left;

  501. 	margin-left: 22px;

  502. }

  503. 

  504. .mo_oauth_client_welcome_message{

  505. 	display: block;

  506. 	margin-top: 10px;

  507. 	text-align: center;

  508. 	font-size: 15px;

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

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

  511. 	padding: 5px;

  512. }

  513. .mo_attr_table{

  514. 	font-size: 17px;

  515. 	font-weight: 600;

  516. 	font-family: sans-serif

  517. }

  518. 

  519. .mo_oauth_backup_download{

  520. 	display:none;

  521. }

  522. 

  523. .mo_oauth_backup_cancel{

  524. 	float:right;

  525. }