You are here

miniorange_saml.module.css in SAML SP 2.0 Single Sign On (SSO) - SAML Service Provider 8

.mo_saml_table_layout {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:0px 1% 1% 1%;
	margin-bottom: 1%;
}
.mo_saml_table_layout td {

}
.mo_saml_text_center{
	text-align: center;
}
.mo_saml_table_layout input[type=text] {
	width: 80%;
}
.mo_saml_table_layout td strong {
	margin-left: 10px;
}
.mo_saml_meta_upload{
	display:none;
}

.mo_saml_cancel_upload{
	float:right;
}

.mo_orange{
	color: orange;
}

.ns_row {
  margin: 15px 0px;
}

.ns_name {
  display: inline-block;
  width: 16%;
  max-width: 450px;
}

.ns_value {
  display: inline-block;
  width: 40%;
}

.login_form_display{
	display: none;
}

/*** CSS For Show SAML Request And Response ***/

.mo-display-logs{
	color: #3c763d;
	background-color: #dff0d8;
	padding:2%;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #AEDB9A;
	font-size:18pt;
}
.mo-display-block {
	color: #050505;
	width: -moz-available;
	min-height: 300px !important;
	overflow: auto;
	display: inline-block;
	background-color: #f6f6f6;
	padding: 2%;
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #AEDB9A;
	font-size: 12pt;
}
.mo_saml_welcome_message{
	display: block;
	margin-top: 1%;
	text-align: center;
	font-size: 1.1em;
	color: rgba(0, 128, 0, 0.80);
	background-color: rgba(0, 255, 0, 0.15);
	padding: 5px;
}
.mo_saml_highlight_background_note{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 98%;
}
.mo_saml_highlight_background_note_1{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: 98%;
}
.mo_saml_table_layout {
	border-radius: 1px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.mo_saml_sp_container {
	width: 62%;
	padding:2%;
	float: left;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 4px;
}
.mo_saml_sp_table_layout_1  {
	background-color:#e0e0d8;
	width: 98%;
	padding:1%;
	overflow: hidden;
}

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

.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;
	}
}
.password-parent {
	width: 60% !important;
}
@media only screen and (max-width:641px) {
	.password-parent {
		width:100% !important;
	}
}
.confirm-parent {
	width: 100%;
}
@media only screen and (max-width:641px) {
	.confirm-parent {
		width:100% !important;
	}
}
.form-select{
	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;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
}
@media only screen and (max-width:641px) {
	.form-select {
		width:100% !important;
	}
}
.btn-custom {
	color: #ffffff;
	font-size: 14px;
}
.btn-custom:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.container_1{
	width: 100%;
}
#pricing-table {
	padding-top: 1%;
}
#pricing-table li{
	height: 40px;
	color: black;
	text-align: center;
	overflow: hidden;
}
.cross_mark_h{
	font-size: 22px !important;
}
.support_styles2{
	width: 93%;
	margin-left: 14px;
}
.class_inline_1{
	width: 29%;
	display: inline-block;
	padding-top: 245px;
}
.class_inline{
	width: 19.7%;
	display: inline-block;
	vertical-align: top;
}
#pricing-table .pricing {
	font-family: 'Robot', sans-serif;
}
#pricing-table .pricing .pricing-table {
	padding-bottom: 2%;
}
#pricing-table .pricing .pricing-table .pricing-header {
	position: relative;
	background: #34495e;
	padding: 4% 6%;
	text-align: center;
	border-top-right-radius: 25%;
	border-top-left-radius: 2%;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-title {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate {
	font-size: 50px;
	font-weight: 600;
	color: #ffffff;
	position: relative;
	text-align: center;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup {
	font-size: 24px;
	position: relative;
	top: -30px;
	color: #bdc3c7;
}
#pricing-table .pricing .pricing-table .pricing-header .pricing-rate span {
	font-size: 13px;
	color: #bdc3c7;
	text-transform: uppercase;
}
#pricing-table .pricing .pricing-list {
	padding: 20px 0 40px 0;
	background: #c4baba1c;
	border: 1px solid #e3e3e3;
}
#pricing-table .pricing .pricing-list ul {
	padding: 0px;
	display: table;
	margin: 0px auto;
	width: 100%;
	text-align: center;
}
#pricing-table .pricing .pricing-list ul li {
	list-style: none;
	border-bottom: 1px solid #EAECEB;
	color: black;
	font-size: 15px;
	padding: 5px;
}
#pricing-table .pricing .pricing-list ul li:last-child {
	border: none;
}
#pricing-table .pricing .pricing-list ul li i {
	margin-right: 12px;
	color: #bdc3c7;
}
#pricing-table .pricing .pricing-list ul li span {
	color: #34495e;
}
.pricing-rate:last-of-type {
	margin-top:36px;
}
.pricing-title>span{
	font-size: 12px;
	letter-spacing: 1px;
}
p.pricing-title{
	height: 70px;
}
p.pricing-rate{
	margin-bottom: 50px;
}
.filler-class{
	height: 0px;
}
.miniorange_saml_one_time{
	color:#ffffff !important;
	font-weight: 400;
	font-size:10px !important;
}
.mo_btn_note{
	font-size: 1.1em;
	cursor: default;
	border-color:#337ab7;
    padding: 1.5% 6%;
}
.pricing-list li:nth-of-type(2n+1) {
	background-color: rgba(23, 61, 80, 0.06);
}
#mo_saml_margin{
	margin-bottom: 22px;
}
.mo_saml_configure_message{
	display: block;
	text-align: center;
	font-size: 1em;
	border-radius: 10px;
	border: 1px solid #fb9a9a;
	color: red;
	background-color: rgba(255,0,0,0.1);
	padding: 1%;
}

/*Setup guide table start*/

.mo_guide_table{
	max-width: 100%;
	margin-bottom: 20px;
	border-spacing: 0;
	border-collapse: collapse;
}
.mo_copy_icon_not_center>thead>tr>th, .mo_guide_table-bordered>thead>tr>th{
	border-bottom-width: 2px;
}
.mo_guide_table-bordered, .mo_copy_icon_not_center {
	border: 1px solid #ddd;
}
.mo_guide_table-bordered>thead>tr>th, .mo_guide_table-bordered>tbody>tr>td {
	border: 1px solid #ddd;
	text-align: center;
}
.mo_copy_icon_not_center>thead>tr>th, .mo_copy_icon_not_center>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;
    margin-left: 10%;
}
.mo_saml_sp_container_2 {
	width: 29%;
	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;
}
.mo_pricing_plus_sign, .mo_pricing_plus_sign_2{
	font-size: 26px;
	font-weight: 100;
	color: #ffffff;
	position: relative;
	text-align: center;
}
#edit-mo-pricing-dropdown,#edit-mo-pricing-dropdown-2,#edit-do-it-yourself-pricing,#edit-do-it-yourself-pricing-2{
	color: black;
}
.js-form-item-mo-pricing-dropdown, .js-form-item-do-it-yourself-pricing, .js-form-item-mo-pricing-dropdown-2, .js-form-item-do-it-yourself-pricing-2{
	margin: auto !important;
	width: 200px;
}

/*******CSS for copy IDP METADATA*******/

.fa.fa-pull-right {
	margin-left: .3em;
}
.fa-pull-right {
	float: right;
}
.fa-fw {
	width: 1.28571429em !important;
	text-align: center;
}
.fa-lg {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
}
.fa-lg {
	 font-size: 1.33333333em;
	 line-height: .75em;
	 vertical-align: -15%;
 }
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-style: normal;
	font-variant-ligatures: normal;
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: normal;
	font-stretch: normal;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.mo_copy {
	padding: 1%;
	cursor: pointer;
}
.mo_copy:active {
	background: gray;
}
.mo_td_values{
	font-size: 1.1em;
	font-weight: 600;
	font-family: sans-serif;
}
.selected-text, .selected-text>*{
	background: #2196f3;
	color: #ffffff;
}
.mo_saml_highlight_background_url_note{
	background-color: #e0e0e0;
	border-radius: 4px;
	padding: 0.55em;
	width: fit-content;
	float: left;
}
.mo-margin{
	margin-left: 10px;
}
.mo_btn_style{
	margin-left: -24px;
}

/***************Css for Sliding support**********/

.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_support_btn{
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	width: 150px;
	height: 35px;
	background: rgba(43, 141, 65, 0.93);
	color: #ffffff;
	border-radius: 3px;
	transform: rotate(90deg);
	text-shadow: none;
	position: relative;
	margin-left: -92px;
	top: 94px;
}
/*.mo_text_color{
	color: #d9534f;
}*/
.mo_saml_hidden{
	display:none;
}

/***************Css for Sliding Demo**********/

.mo_saml_table_layout_demo_btn{
	position: fixed;
	top: 100px;
	z-index: 10000;
	right: -391px;
}
#mosaml-demo-overlay{
	background: rgba(11, 13, 13, 0.44);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
}
#mo_demo_btn{
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	width: 150px;
	height: 35px;
	background: rgba(43, 141, 65, 0.93);
	color: #ffffff;
	border-radius: 3px;
	transform: rotate(90deg);
	text-shadow: none;
	position: relative;
	margin-left: -92px;
	top: 94px;
}
.mo_saml_hidden{
	display:none;
}

.mo_tour_button_float{
	float: right;
}

/***************Css for FAQ button**********/
.mo_faq_button_left{
	float: inherit;
	color: #48a0dc;
	border: 2px solid #48a0dc;
	padding: 5px;
}
.mo_faq_button_left:hover{
	transform: scale(1.1);
}
.mo_faq_button_right{
	float: inherit;
	color: #48a0dc;
	border: 2px solid #48a0dc;
	padding: 5px;
	margin-left: 10px;
}
.mo_faq_button_right:hover{
	transform: scale(1.1);
}

.miniorange_saml_sp_attr_table{
 table-layout:fixed !important;
 font-size:12px !important;
}
.miniorange_saml_sp_attr_table tr{
	border-collapse: collapse !important;
	border-bottom: 0px;
}
#tabhead_vt, #Register_Section, #download_metadata_xml_file{
	padding: 10px;
}

.mo_ns_align{
	text-align: justify;
}
.mo_ns_image1{
	border: none;
	padding-bottom: 4%;
	background-color: white;
	text-align: center;
}
/*.mo_ns_image2{
	float: left;
	margin-left: 24px;
	margin-right: -76px;
}*/
.mo_ns_row{
	border-right: hidden;
	border-bottom: hidden;
}
.mo_ns_td{
	padding-left: 20%;
}
.mo_ns_padding{
	padding: 2% 3%;
    margin-right: 5%;
}

/** CSS for service provider setup tab headings */
.mo_saml_font_SP_setup_for_heading {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 1%;
    color: #d9534f;
    text-align: center;
}

/** CSS for page headings */
.mo_saml_font_for_heading {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-top: 1%;
    font-weight: bold;
    padding-bottom: 1%;
    float: left;
}
/** CSS for page headings */
.mo_saml_font_for_heading_none_float {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 1%;
	font-weight: bold;
	padding-bottom: 1%;
}
/** CSS for page sub headings */
.mo_saml_font_for_sub_heading {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
}
#mo_idp_url_table th{
	text-align:center;
}
.mo_role_attr_delete{
	padding: 1% 2.8% 1% 2.8% !important;
}

File

css/miniorange_saml.module.css
View source
  1. .mo_saml_table_layout {
  2. background-color:#FFFFFF;
  3. border:1px solid #CCCCCC;
  4. padding:0px 1% 1% 1%;
  5. margin-bottom: 1%;
  6. }
  7. .mo_saml_table_layout td {
  8. }
  9. .mo_saml_text_center{
  10. text-align: center;
  11. }
  12. .mo_saml_table_layout input[type=text] {
  13. width: 80%;
  14. }
  15. .mo_saml_table_layout td strong {
  16. margin-left: 10px;
  17. }
  18. .mo_saml_meta_upload{
  19. display:none;
  20. }
  21. .mo_saml_cancel_upload{
  22. float:right;
  23. }
  24. .mo_orange{
  25. color: orange;
  26. }
  27. .ns_row {
  28. margin: 15px 0px;
  29. }
  30. .ns_name {
  31. display: inline-block;
  32. width: 16%;
  33. max-width: 450px;
  34. }
  35. .ns_value {
  36. display: inline-block;
  37. width: 40%;
  38. }
  39. .login_form_display{
  40. display: none;
  41. }
  42. /*** CSS For Show SAML Request And Response ***/
  43. .mo-display-logs{
  44. color: #3c763d;
  45. background-color: #dff0d8;
  46. padding:2%;
  47. margin-bottom:20px;
  48. text-align:center;
  49. border:1px solid #AEDB9A;
  50. font-size:18pt;
  51. }
  52. .mo-display-block {
  53. color: #050505;
  54. width: -moz-available;
  55. min-height: 300px !important;
  56. overflow: auto;
  57. display: inline-block;
  58. background-color: #f6f6f6;
  59. padding: 2%;
  60. margin-bottom: 20px;
  61. text-align: left;
  62. border: 1px solid #AEDB9A;
  63. font-size: 12pt;
  64. }
  65. .mo_saml_welcome_message{
  66. display: block;
  67. margin-top: 1%;
  68. text-align: center;
  69. font-size: 1.1em;
  70. color: rgba(0, 128, 0, 0.80);
  71. background-color: rgba(0, 255, 0, 0.15);
  72. padding: 5px;
  73. }
  74. .mo_saml_highlight_background_note{
  75. background-color: #e0e0e0;
  76. border-radius: 4px;
  77. padding: 0.55em;
  78. width: 98%;
  79. }
  80. .mo_saml_highlight_background_note_1{
  81. background-color: #e0e0e0;
  82. border-radius: 4px;
  83. padding: 0.55em;
  84. width: 98%;
  85. }
  86. .mo_saml_table_layout {
  87. border-radius: 1px;
  88. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  89. background-color:#FFFFFF;
  90. border:1px solid #CCCCCC;
  91. }
  92. .mo_saml_sp_container {
  93. width: 62%;
  94. padding:2%;
  95. float: left;
  96. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  97. border-radius: 4px;
  98. }
  99. .mo_saml_sp_table_layout_1 {
  100. background-color:#e0e0d8;
  101. width: 98%;
  102. padding:1%;
  103. overflow: hidden;
  104. }
  105. .mo_saml_table_layout_demo_1 {
  106. border-radius: 4px;
  107. position: relative;
  108. width: 350px;
  109. border: 1px solid #CCCCCC;
  110. padding: 15px 20px 17px 20px;
  111. background-color: white;
  112. }
  113. .form-textarea {
  114. padding: 2px !important;
  115. box-sizing: border-box !important;
  116. padding: 0.3em 0.4em 0.3em 0.5em !important;
  117. border: 1px solid #b8b8b8 !important;
  118. border-top-color: #999 !important;
  119. border-radius: 2px !important;
  120. background: #fcfcfa !important;
  121. box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
  122. }
  123. @media only screen and (max-width:641px) {
  124. .form-textarea { width:100% !important;
  125. }
  126. }
  127. .form-text {
  128. padding: 2px !important;
  129. box-sizing: border-box !important;
  130. padding: 0.3em 0.4em 0.3em 0.5em !important;
  131. border: 1px solid #b8b8b8 !important;
  132. border-top-color: #999 !important;
  133. border-radius: 2px !important;
  134. background: #fcfcfa !important;
  135. box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
  136. }
  137. @media only screen and (max-width:641px) {
  138. .form-text {
  139. width:100% !important;
  140. }
  141. }
  142. .password-parent {
  143. width: 60% !important;
  144. }
  145. @media only screen and (max-width:641px) {
  146. .password-parent {
  147. width:100% !important;
  148. }
  149. }
  150. .confirm-parent {
  151. width: 100%;
  152. }
  153. @media only screen and (max-width:641px) {
  154. .confirm-parent {
  155. width:100% !important;
  156. }
  157. }
  158. .form-select{
  159. box-sizing: border-box !important;
  160. padding: 0.3em 0.4em 0.3em 0.5em !important;
  161. border: 1px solid #b8b8b8 !important;
  162. border-top-color: #999 !important;
  163. border-radius: 2px !important;
  164. box-shadow: inset 0 1px 2px rgba(0,0,0,0.125) !important;
  165. }
  166. @media only screen and (max-width:641px) {
  167. .form-select {
  168. width:100% !important;
  169. }
  170. }
  171. .btn-custom {
  172. color: #ffffff;
  173. font-size: 14px;
  174. }
  175. .btn-custom:hover {
  176. color: #ffffff;
  177. border: 1px solid #ffffff;
  178. }
  179. .container_1{
  180. width: 100%;
  181. }
  182. #pricing-table {
  183. padding-top: 1%;
  184. }
  185. #pricing-table li{
  186. height: 40px;
  187. color: black;
  188. text-align: center;
  189. overflow: hidden;
  190. }
  191. .cross_mark_h{
  192. font-size: 22px !important;
  193. }
  194. .support_styles2{
  195. width: 93%;
  196. margin-left: 14px;
  197. }
  198. .class_inline_1{
  199. width: 29%;
  200. display: inline-block;
  201. padding-top: 245px;
  202. }
  203. .class_inline{
  204. width: 19.7%;
  205. display: inline-block;
  206. vertical-align: top;
  207. }
  208. #pricing-table .pricing {
  209. font-family: 'Robot', sans-serif;
  210. }
  211. #pricing-table .pricing .pricing-table {
  212. padding-bottom: 2%;
  213. }
  214. #pricing-table .pricing .pricing-table .pricing-header {
  215. position: relative;
  216. background: #34495e;
  217. padding: 4% 6%;
  218. text-align: center;
  219. border-top-right-radius: 25%;
  220. border-top-left-radius: 2%;
  221. }
  222. #pricing-table .pricing .pricing-table .pricing-header .pricing-title {
  223. color: #ffffff;
  224. text-transform: uppercase;
  225. letter-spacing: 2px;
  226. font-size: 18px;
  227. text-align: center;
  228. font-weight: 500;
  229. }
  230. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate {
  231. font-size: 50px;
  232. font-weight: 600;
  233. color: #ffffff;
  234. position: relative;
  235. text-align: center;
  236. }
  237. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate sup {
  238. font-size: 24px;
  239. position: relative;
  240. top: -30px;
  241. color: #bdc3c7;
  242. }
  243. #pricing-table .pricing .pricing-table .pricing-header .pricing-rate span {
  244. font-size: 13px;
  245. color: #bdc3c7;
  246. text-transform: uppercase;
  247. }
  248. #pricing-table .pricing .pricing-list {
  249. padding: 20px 0 40px 0;
  250. background: #c4baba1c;
  251. border: 1px solid #e3e3e3;
  252. }
  253. #pricing-table .pricing .pricing-list ul {
  254. padding: 0px;
  255. display: table;
  256. margin: 0px auto;
  257. width: 100%;
  258. text-align: center;
  259. }
  260. #pricing-table .pricing .pricing-list ul li {
  261. list-style: none;
  262. border-bottom: 1px solid #EAECEB;
  263. color: black;
  264. font-size: 15px;
  265. padding: 5px;
  266. }
  267. #pricing-table .pricing .pricing-list ul li:last-child {
  268. border: none;
  269. }
  270. #pricing-table .pricing .pricing-list ul li i {
  271. margin-right: 12px;
  272. color: #bdc3c7;
  273. }
  274. #pricing-table .pricing .pricing-list ul li span {
  275. color: #34495e;
  276. }
  277. .pricing-rate:last-of-type {
  278. margin-top:36px;
  279. }
  280. .pricing-title>span{
  281. font-size: 12px;
  282. letter-spacing: 1px;
  283. }
  284. p.pricing-title{
  285. height: 70px;
  286. }
  287. p.pricing-rate{
  288. margin-bottom: 50px;
  289. }
  290. .filler-class{
  291. height: 0px;
  292. }
  293. .miniorange_saml_one_time{
  294. color:#ffffff !important;
  295. font-weight: 400;
  296. font-size:10px !important;
  297. }
  298. .mo_btn_note{
  299. font-size: 1.1em;
  300. cursor: default;
  301. border-color:#337ab7;
  302. padding: 1.5% 6%;
  303. }
  304. .pricing-list li:nth-of-type(2n+1) {
  305. background-color: rgba(23, 61, 80, 0.06);
  306. }
  307. #mo_saml_margin{
  308. margin-bottom: 22px;
  309. }
  310. .mo_saml_configure_message{
  311. display: block;
  312. text-align: center;
  313. font-size: 1em;
  314. border-radius: 10px;
  315. border: 1px solid #fb9a9a;
  316. color: red;
  317. background-color: rgba(255,0,0,0.1);
  318. padding: 1%;
  319. }
  320. /*Setup guide table start*/
  321. .mo_guide_table{
  322. max-width: 100%;
  323. margin-bottom: 20px;
  324. border-spacing: 0;
  325. border-collapse: collapse;
  326. }
  327. .mo_copy_icon_not_center>thead>tr>th, .mo_guide_table-bordered>thead>tr>th{
  328. border-bottom-width: 2px;
  329. }
  330. .mo_guide_table-bordered, .mo_copy_icon_not_center {
  331. border: 1px solid #ddd;
  332. }
  333. .mo_guide_table-bordered>thead>tr>th, .mo_guide_table-bordered>tbody>tr>td {
  334. border: 1px solid #ddd;
  335. text-align: center;
  336. }
  337. .mo_copy_icon_not_center>thead>tr>th, .mo_copy_icon_not_center>tbody>tr>td{
  338. border: 1px solid #ddd;
  339. }
  340. .mo_guide_table>thead>tr>th {
  341. padding: 8px;
  342. line-height: 1.42857143;
  343. }
  344. .mo_guide_text-center {
  345. text-align: center;
  346. }
  347. .mo_guide_table-striped>tbody>tr:nth-of-type(odd) {
  348. background-color: #f9f9f9;
  349. }
  350. .mo_guide_text-color {
  351. color: #fe7e00;
  352. margin-left: 10%;
  353. }
  354. .mo_saml_sp_container_2 {
  355. width: 29%;
  356. padding: 2%;
  357. border-radius: 4px; !important;
  358. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  359. float: right;
  360. }
  361. .mo_pricing_plus_sign, .mo_pricing_plus_sign_2{
  362. font-size: 26px;
  363. font-weight: 100;
  364. color: #ffffff;
  365. position: relative;
  366. text-align: center;
  367. }
  368. #edit-mo-pricing-dropdown,#edit-mo-pricing-dropdown-2,#edit-do-it-yourself-pricing,#edit-do-it-yourself-pricing-2{
  369. color: black;
  370. }
  371. .js-form-item-mo-pricing-dropdown, .js-form-item-do-it-yourself-pricing, .js-form-item-mo-pricing-dropdown-2, .js-form-item-do-it-yourself-pricing-2{
  372. margin: auto !important;
  373. width: 200px;
  374. }
  375. /*******CSS for copy IDP METADATA*******/
  376. .fa.fa-pull-right {
  377. margin-left: .3em;
  378. }
  379. .fa-pull-right {
  380. float: right;
  381. }
  382. .fa-fw {
  383. width: 1.28571429em !important;
  384. text-align: center;
  385. }
  386. .fa-lg {
  387. font-size: 1.33333333em;
  388. line-height: .75em;
  389. vertical-align: -15%;
  390. }
  391. .fa-lg {
  392. font-size: 1.33333333em;
  393. line-height: .75em;
  394. vertical-align: -15%;
  395. }
  396. .fa {
  397. display: inline-block;
  398. font: normal normal normal 14px/1 FontAwesome;
  399. font-style: normal;
  400. font-variant-ligatures: normal;
  401. font-variant-caps: normal;
  402. font-variant-numeric: normal;
  403. font-variant-east-asian: normal;
  404. font-weight: normal;
  405. font-stretch: normal;
  406. font-family: FontAwesome;
  407. font-size: inherit;
  408. text-rendering: auto;
  409. -webkit-font-smoothing: antialiased;
  410. -moz-osx-font-smoothing: grayscale;
  411. }
  412. .mo_copy {
  413. padding: 1%;
  414. cursor: pointer;
  415. }
  416. .mo_copy:active {
  417. background: gray;
  418. }
  419. .mo_td_values{
  420. font-size: 1.1em;
  421. font-weight: 600;
  422. font-family: sans-serif;
  423. }
  424. .selected-text, .selected-text>*{
  425. background: #2196f3;
  426. color: #ffffff;
  427. }
  428. .mo_saml_highlight_background_url_note{
  429. background-color: #e0e0e0;
  430. border-radius: 4px;
  431. padding: 0.55em;
  432. width: fit-content;
  433. float: left;
  434. }
  435. .mo-margin{
  436. margin-left: 10px;
  437. }
  438. .mo_btn_style{
  439. margin-left: -24px;
  440. }
  441. /***************Css for Sliding support**********/
  442. .mo_saml_table_layout_support_btn{
  443. position: fixed;
  444. top: 100px;
  445. z-index: 10000;
  446. right: -391px;
  447. }
  448. #mosaml-feedback-overlay{
  449. background: rgba(11, 13, 13, 0.44);
  450. top: 0;
  451. left: 0;
  452. width: 100%;
  453. height: 100%;
  454. position: fixed;
  455. z-index: 9999;
  456. }
  457. #mo_support_btn{
  458. font-size: 15px;
  459. cursor: pointer;
  460. text-align: center;
  461. width: 150px;
  462. height: 35px;
  463. background: rgba(43, 141, 65, 0.93);
  464. color: #ffffff;
  465. border-radius: 3px;
  466. transform: rotate(90deg);
  467. text-shadow: none;
  468. position: relative;
  469. margin-left: -92px;
  470. top: 94px;
  471. }
  472. /*.mo_text_color{
  473. color: #d9534f;
  474. }*/
  475. .mo_saml_hidden{
  476. display:none;
  477. }
  478. /***************Css for Sliding Demo**********/
  479. .mo_saml_table_layout_demo_btn{
  480. position: fixed;
  481. top: 100px;
  482. z-index: 10000;
  483. right: -391px;
  484. }
  485. #mosaml-demo-overlay{
  486. background: rgba(11, 13, 13, 0.44);
  487. top: 0;
  488. left: 0;
  489. width: 100%;
  490. height: 100%;
  491. position: fixed;
  492. z-index: 9999;
  493. }
  494. #mo_demo_btn{
  495. font-size: 15px;
  496. cursor: pointer;
  497. text-align: center;
  498. width: 150px;
  499. height: 35px;
  500. background: rgba(43, 141, 65, 0.93);
  501. color: #ffffff;
  502. border-radius: 3px;
  503. transform: rotate(90deg);
  504. text-shadow: none;
  505. position: relative;
  506. margin-left: -92px;
  507. top: 94px;
  508. }
  509. .mo_saml_hidden{
  510. display:none;
  511. }
  512. .mo_tour_button_float{
  513. float: right;
  514. }
  515. /***************Css for FAQ button**********/
  516. .mo_faq_button_left{
  517. float: inherit;
  518. color: #48a0dc;
  519. border: 2px solid #48a0dc;
  520. padding: 5px;
  521. }
  522. .mo_faq_button_left:hover{
  523. transform: scale(1.1);
  524. }
  525. .mo_faq_button_right{
  526. float: inherit;
  527. color: #48a0dc;
  528. border: 2px solid #48a0dc;
  529. padding: 5px;
  530. margin-left: 10px;
  531. }
  532. .mo_faq_button_right:hover{
  533. transform: scale(1.1);
  534. }
  535. .miniorange_saml_sp_attr_table{
  536. table-layout:fixed !important;
  537. font-size:12px !important;
  538. }
  539. .miniorange_saml_sp_attr_table tr{
  540. border-collapse: collapse !important;
  541. border-bottom: 0px;
  542. }
  543. #tabhead_vt, #Register_Section, #download_metadata_xml_file{
  544. padding: 10px;
  545. }
  546. .mo_ns_align{
  547. text-align: justify;
  548. }
  549. .mo_ns_image1{
  550. border: none;
  551. padding-bottom: 4%;
  552. background-color: white;
  553. text-align: center;
  554. }
  555. /*.mo_ns_image2{
  556. float: left;
  557. margin-left: 24px;
  558. margin-right: -76px;
  559. }*/
  560. .mo_ns_row{
  561. border-right: hidden;
  562. border-bottom: hidden;
  563. }
  564. .mo_ns_td{
  565. padding-left: 20%;
  566. }
  567. .mo_ns_padding{
  568. padding: 2% 3%;
  569. margin-right: 5%;
  570. }
  571. /** CSS for service provider setup tab headings */
  572. .mo_saml_font_SP_setup_for_heading {
  573. letter-spacing: 0.08em;
  574. text-transform: uppercase;
  575. font-size: 1em;
  576. font-weight: bold;
  577. padding-bottom: 1%;
  578. color: #d9534f;
  579. text-align: center;
  580. }
  581. /** CSS for page headings */
  582. .mo_saml_font_for_heading {
  583. letter-spacing: 0.08em;
  584. text-transform: uppercase;
  585. font-size: 1.2em;
  586. margin-top: 1%;
  587. font-weight: bold;
  588. padding-bottom: 1%;
  589. float: left;
  590. }
  591. /** CSS for page headings */
  592. .mo_saml_font_for_heading_none_float {
  593. letter-spacing: 0.08em;
  594. text-transform: uppercase;
  595. font-size: 1.2em;
  596. margin-top: 1%;
  597. font-weight: bold;
  598. padding-bottom: 1%;
  599. }
  600. /** CSS for page sub headings */
  601. .mo_saml_font_for_sub_heading {
  602. letter-spacing: 0.08em;
  603. text-transform: uppercase;
  604. font-size: 1.1em;
  605. font-weight: bold;
  606. }
  607. #mo_idp_url_table th{
  608. text-align:center;
  609. }
  610. .mo_role_attr_delete{
  611. padding: 1% 2.8% 1% 2.8% !important;
  612. }