*{margin:0;padding:0;list-style-type:none;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Arial;letter-spacing:1px;border:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:0;background:transparent}img{max-width:100%}body{border:1px solid red}label{display:block}.overlay{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:#212121;z-index:98;opacity:.6}#ui-datepicker-div{padding:15px !important;font-size:12px !important;width:300px}div#mac {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:.1;
	z-index: -1;
}

div#mac img {
	min-width:100%;
	min-height:100%;
}

div#mod_diary {
	float: left;
	width:50px;
	height:50px;
	overflow:hidden;
	background:rgba(255,255,255,.4);
}

div#mod_diary a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}

div#mod_ibms img{
	margin:10%;
	max-height:80%;
	max-width:80%;
}

div#mod_diary img {
	margin:10%;
	height:40px;
	width:40px;
	border-radius:50%;
}

div#diary_name {
	float: left;
	height:50px;
	width:auto;
	max-width: 10%;
	min-width: calc(10% - 50px);
	text-align:center;
	background:rgba(60,60,60,0.55);
	display:flex;
	align-items:center;
}

div#diary_name a,div#ibms_name a:first-child {
	font-weight:200;
	text-transform:capitalize;
	color:#616161;
	text-decoration:none;
	width:100%;
	overflow: hidden;
	width:90%;
	padding: 2px;
	font-size: 11px;
}

div#mod_ibms {
	position:fixed;
	bottom:7.5%;
	left:0px;
	width:10%;
	height:50px;
	overflow:hidden;
	display:flex;
	align-items:center;
	background:rgba(255,255,255,.6);
}

div#ibms_name {
	position:fixed;
	bottom:5%;
	left:0;
	height:2.5%;
	width:10%;
	text-align:center;
	display:flex;
	align-items:center;
	white-space: nowrap;
	background: rgba(255,255,255,.6);
}

div#ibms_name img{
	height:100%;
	float:right; 
	padding:5px;
}

div#mod_portal {
	position:absolute;
	right:0;
	top:0;
	height:100px;
	width:100px;
	z-index:101;
}

div#mod_portal a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}

div#mod_portal img {
	width:80px;
	max-height:80px;
	margin:10px;
}

div#mod_admin,div#mod_modules {
	position:fixed;
	bottom:5%;
	height:2.5%;
	width:5%;
	text-align:center;
	background:#e6262e;
	display:flex;
	align-items:center;
}

div#mod_admin a,div#mod_modules a {
	color:#fff;
	text-align:center;
	display:block;
	margin:auto;
}

div#mod_modules {
	right:0;
}

div#mod_admin {
	right:5%;
}

#mod_b {
	float:left;
	height:50px;
	overflow:auto;
	display:flex;
	align-items:center;
	background:rgba(255,255,255,.7);
}

#mod_b a {
	height:100%;
	display:flex;
	align-items:center;
	border-radius:2.5px;
	padding:0 10px;
	color:#424242;
	font-weight:200;
	font-size:small;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}

#mod_b a.hover {
	color:#990c0c;
	text-decoration:none;
}

a.activebmod {
	background:#e6262e!important;
	color:#fff!important;
	font-weight:300!important;
}

#mod_c {
	float:left;
	width:80%;
	height:30px;
	overflow:hidden;
	display:flex;
	margin:0 10%;
	align-items:center;
}

#mod_c a {
	height:100%;
	width:100%;
	display:flex;
	align-items:center;
	text-align:center;
	background:rgba(255,255,255,.6);
	border-radius:2.5px;
	padding:0 10px;
	color:#424242;
	font-weight:200;
	font-size:small;
	text-transform:capitalize;
}

#mod_c a:hover {
	font-weight:300;
}

a.activecmod {
	background:#e6262e!important;
	color:#fff!important;
	font-weight:300!important;
}

div#mod_console {
	position:fixed;
	height:70%;
	top:15%;
	right:0;
}

div#mod_console a {
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	background-color:rgba(60,60,60,0.55);
	border-radius:2.5px;
	text-align:center;
	padding:10px;
	color: white;
	font-weight: 600;
	font-size: 15px;
}

div#mod_console a img {
	display:block;
	max-height:60%;
	vertical-align:middle;
}

a#osd_help.title-4.osd_pop{
	background-color: #e70000;
}

div#mod_utility {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:5%;
	display:table;
}

div#mod_utility ul {
	display:table-row;
	width:100%;
}

div#mod_utility ul li {
	display:table-cell;
	width:12.5%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	background:rgba(60,60,60,0.55);
	border:1px solid #fff;
	border-radius:2.5px;
}

div#mod_utility ul li img {
	opacity:.8;
}

#intabdata {
	float:left;
	width:80%;
	height:calc(100% - 80px - 12.5%);
	text-align:center;
	margin:0 10%;
/* 	border:1px solid #fff; */
/* 	background:rgba(255,255,255,.6); */
	overflow: hidden;
}
#intabdata section#intabdata-section-months{ display: block; }
#intabdata section#intabdata-section-view{
	display: block;
	overflow: scroll;
	height:calc(100% - 32px);
}

.hidden-col {
	display:none;
}

img.thumbnail {
	width:30px;
	height:30px;
}

ul#months_filter {
	background:#e70000;
	height:22px!important;
	width:100%;
	display:flex;
	align-items:center;
}

ul#months_filter li {
	height:100%;
	width: calc(100% / 17);
	overflow: hidden;
}

ul#months_filter li a {
	color:#fff;
	font-size:12px;
	height:100%;
	width:100%;
	padding:0 10px;
	display:flex;
	align-items:center;
}

ul#months_filter li a.active {
	background:#fff;
	color:#424242;
}

ul#leave_account {
	height:22px!important;
	width:100%;
	display:flex;
	align-items:center;
}

ul#leave_account li {
	display:flex;
	align-items:center;
	padding:0 10px;
	background:#e70000;
	height:100%;
	border:1px solid #fff;
}

ul#leave_account li span {
	color:#fff;
	font-size:12px;
}

#db_col {
	width:98%;
	height:2.5em;
	position:absolute;
	bottom:10%;
	left:1%;
	background:#212121;
}

#db_col a {
	padding:1%;
}

div#mod_develop {
	position:fixed;
	bottom:7.5%;
	left:10%;
	height:2.5%;
	width:80%;
	border:1px solid #fff;
	display:flex;
	align-items:center;
	background:#e6262e;
}

div#mod_develop a {
	display:flex;
	align-items:center;
	height:100%;
	padding:0 10px;
	color:#fff;
	border:1px solid #fff;
	font-size:x-small;
}

div#mod_develop img {
	vertical-align:middle;
	min-height:100%;
	max-height:100%;
}

div.form_status {
	position:fixed;
	top:35%;
	left:27.5%;
	height:15%;
	width:45%;
	background:#212121;
	z-index:99;
	overflow:scroll;
	border:2px solid #ffd300;
	color:#ffd300;
	padding:2.5em;
}

section#ibms-updates {
	width:75%;
	height:100%;
	float:left;
	overflow:scroll;
	padding:10px;
	border:1px solid #fff;
}

section#ibms-circulars {
	width:25%;
	height:60%;
	float:left;
	overflow:scroll;
	padding:10px;
	border:1px solid #fff;
}

section#ibms-policies {
	width:25%;
	height:40%;
	float:left;
	overflow:scroll;
	padding:10px;
	border:1px solid #fff;
}div.osd-table table {
	width:100%;
	border:none;
}

div.osd-table table th {
	background:rgba(60,60,60,0.55);
	height:30px;
	padding:5px;
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
}

div.osd-table table th a {
	color:#fff;
}

div.osd-table table td, div.osd-table table td a {
	overflow:hidden;
	padding:5px;
	font-size:14px;
	vertical-align:middle;
}

div.osd-table table img {
	max-width:15px;
}

div.osd-table table tr:nth-child(odd) {
	background:rgba(60,60,60,0.25);
}

div.osd-table table td:nth-child(odd) {
	background:rgba(60,60,60,0.15);
}

div.osd-table table tr:first-child {
	position:static;
	background:none;
}

div.osd-table table th,div.osd-table table td {
	vertical-align:middle;
	max-width:200px;
}

div.osd-table table th a.sort-link {
	color:#ffd300;
}

div.osd-table table td p.action-col {
	display:flex;
}

div.osd-table table td p span {
	display:block;
}

div.osd-table table td p span a{
	font-weight: bold;
	color: #424242;
}

div.osd-calendar table {
	height:calc(100% - 44px);
	max-height:90%;
	width:100%;
	table-layout:fixed;
}

div.osd-calendar table tr:first-child {
	max-height:50px;
}

div.osd-calendar table tr:nth-child(odd) {
	background:rgba(60,60,60,0.25);
}

div.osd-calendar table tr th {
	background:rgba(60,60,60,0.55);
	height:30px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	text-transform:capitalize;
	font-size:14px;
}

div.osd-calendar table tr td {
	overflow:scroll;
	padding:5px;
	vertical-align:top;
}

div.osd-calendar table tr td:hover {
	background:#e70000!important;
}

div.osd-calendar table td:nth-child(odd) {
	background:rgba(60,60,60,0.15);
}

div.osd-calendar table img {
	max-width:15px;
}

div.osd-calendar table tr td p {
	font-size:14px;
}

div.osd-calendar table tr td div {
	border:1px solid #fff;
}

div.osd-calendar table tr td section p {
	font-size:12px;
}

div.osd-grid ul {
	height:100%;
}

div.osd-grid>ul>li {
	width:33.3%;
	height:350px;
	border:1px solid red;
	float:left;
	overflow-y:scroll;
	padding:10px;
}

div.osd-grid>ul>li>ul>li>a {
	color:#fff;
}

#osd_view_grid li {
	border:1px solid #2f2f2f;
}

div.osd-attendance table,div.osd-attendance td {
	border:1px solid #424242;
}#osd_notification-pop section {
	width:90%;
	height:5%;
	display:flex;
	align-items:center;
}

#osd_notification-pop section p {
	padding-right:5px;
}

#osd_notification-pop section p a {
	color:#ffd300;
	font-size:12px;
}

#osd_notification-pop ul#recent_noti-pop {
	width:75%;
	height:100%;
	float:left;
}

#osd_notification-pop ul#recent_noti-pop li {
	background:#fff;
	padding:10px;
	border:1px solid #fff;
}

#osd_notification-pop ul#recent_noti-pop li a {
	font-size:12px;
	color:#424242;
	margin-top:5px;
}

#osd_notification-pop ul#recent_noti-pop li span {
	display:block;
	font-size:8px;
	color:#6e6e6e;
	margin-top:5px;
}

#osd_notification-pop ul#request_noti-pop {
	width:25%;
	height:100%;
	float:left;
}

#osd_notification-pop ul#request_noti-pop li {
	float:left;
	width:100%;
	height:80px;
	display:block;
	border:1px solid #424242;
}

#osd_notification-pop ul#request_noti-pop li p {
	float:left;
	padding:5px;
	background:#fff;
	height:100%;
}

#osd_notification-pop ul#request_noti-pop li p#img-container {
	display:inline-block;
	overflow:hidden;
	width:25%;
}

#osd_notification-pop ul#request_noti-pop li p#info-container {
	width:75%;
}

#osd_notification-pop ul#request_noti-pop li p#img-container img {
	width:calc(100%-5px);
}

#osd_notification-pop ul#request_noti-pop li p span {
	display:block;
	font-size:12px;
	color:#424242;
}div.pop_form,div.read_more_pop,div.dev_form,div.view_file_pop,div.theme_popup {
	display:none;
	position:fixed;
	top:20%;
	right:10%;
	height:70%;
	width:80%;
	background:rgba(255,255,255,.9);
	z-index:99;
	overflow:scroll;
	border:2px solid #e70000;
	color:#424242;
	padding:2.5em;
}

div.dev_form section {
	float:left;
	width:150px;
}

div.dev_form span {
	display:none!important;
}

div.pop_form a {
	color:#c30;
}

div.pop_form table {
	width:100%;
}

div.pop_form tr:nth-child(odd) {
	background:rgba(60,60,60,0.25);
}

div.pop_form td:nth-child(even) {
	background:rgba(60,60,60,0.35);
}

div.pop_form td select {
	width:100%;
}

div.pop_form th,div.pop_form td {
	color:#424242;
	text-align:center;
}

div.pop_form iframe.generate {
	width:100%;
	min-height:100%;
}

#ui-datepicker-div {
	padding:15px!important;
	font-size:12px!important;
	width:300px;
}

div.pop_form label {
	width:100%;
	min-height:6%;
	white-space:nowrap;
}

label.inline_label {
	display:inline!important;
	width:50%!important;
	margin:0!important;
}

label.hide_label {
	height:0!important;
	min-height:0!important;
}

div.pop_form label span.label-name {
	display:inline-block;
	height:auto;
	text-align:right;
	width:40%;
	padding:0 5%;
	text-transform:capitalize;
}

div.pop_form label span.label-error {
	color:red;
	width:200px;
}

div.pop_form label span.label-value {
	width:200px;
}

span.title {
	z-index:97;
	display:block;
	visibility:hidden;
	position:fixed;
	max-width:200px;
	background:#424242;
	color:#ffd300;
	padding:10px;
	font-size:11px;
}

span.span-hidden {
	min-height:0!important;
	height:0!important;
	display:none!important;
}

div.osd-login-pop input,div.osd-login-pop select,div.osd-login-pop textarea,div.osd-login-pop button,div.osd-login-pop label.radio {
	width:190px;
	height:35px;
	margin:7px;
	padding:6px;
	border-radius:2px;
	text-align:center;
	background:#fff;
}

div.pop_form label input,div.pop_form label select,div.pop_form label textarea,div.pop_form label button {
	display:inline-block;
	min-width:200px;
	height:auto;
	min-height:30px;
	margin:5px;
}

div.dev_form label input,div.dev_form label select,div.dev_form label textarea,div.dev_form label button {
	width:95%;
	max-width:125px;
	font-size:11px;
	height:21px;
}

div.dev_form label input,div.dev_form label select,div.dev_form label textarea {
	line-height:21px;
}

div.theme_popup input,div.theme_popup select,div.theme_popup textarea,div.theme_popup button {
	height:auto;
	min-height:30px;
	max-width:125px;
}

div.theme_popup button.osd-submit {
	width:100%;
	display:block;
}

div.pop_form label button {
	margin:0 0 0 40.5%;
}

div.pop_form label select.osd-select,div.theme_popup select.osd-select {
	height:21px!important;
	line-height:21px;
	max-width:125px;
}

button.osd_pop,button.read_more {
	display:inline;
	padding:5px 10px;
	text-transform:uppercase;
}

p.wrap-add_more_css span {
	display:block;
}#pay_ibms-pop section#pay_ibms_table{
	width:calc(100% - 5em);
	height:95%;
	overflow: scroll;
}

#pay_ibms-pop section#pay_ibms_table table{
	height:100%;
	width:100%;
}

#pay_ibms-pop section#pay_ibms_table table th{
	padding: 10px;
	height: 22px;
	font-size: 12px;
}

#pay_ibms-pop section#pay_ibms_table table td:first-child{
	text-align: right;
	padding: 10px;
}

#pay_ibms-pop section#pay_ibms_table table td{
	vertical-align: middle;
}

article.subpop_form{
	display: none;
	width: 50%;
	height:50%;
	background: white;
	padding: 25px;
	color:#424242;
	font-size: 11px;
	position: absolute;
	top:25%;
	left:25%;
	
}

article.subpop_form section{
	margin: 25px;
}

#pay_ibms-pop section#pay_ibms_table table td select, #pay_ibms-pop section#pay_ibms_table table td label{
	width:auto;
	min-width: 60px;
	max-width: 50%;
	display: inline-block;
}
#pay_ibms-pop section#pay_ibms_table table td button{
	width:30px;
	display: inline-block;
}

#pay_ibms-pop section#pay_ibms_table table td p{
	font-size: 11px;
}

#pay_ibms-pop section#pay_ibms_note{
	position: absolute;
	bottom:0;
	left:2.5em;
	width:calc(100% - 5em);
	min-height:32px;
	font-size: 11px;
	border:1px solid #424242;
	padding: 5px;
	overflow: scroll;
}div.osd-table table {
	width:100%;
	border:none;
}

div.osd-table table th {
	background:rgba(60,60,60,0.55);
	height:30px;
	padding:5px;
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
}

div.osd-table table th a {
	color:#fff;
}

div.osd-table table td, div.osd-table table td a {
	overflow:hidden;
	padding:5px;
	font-size:14px;
	vertical-align:middle;
}

div.osd-table table img {
	max-width:15px;
}

div.osd-table table tr:nth-child(odd) {
	background:rgba(60,60,60,0.25);
}

div.osd-table table td:nth-child(odd) {
	background:rgba(60,60,60,0.15);
}

div.osd-table table tr:first-child {
	position:static;
	background:none;
}

div.osd-table table th,div.osd-table table td {
	vertical-align:middle;
	max-width:200px;
}

div.osd-table table th a.sort-link {
	color:#ffd300;
}

div.osd-table table td p.action-col {
	display:flex;
}

div.osd-table table td p span {
	display:block;
}

div.osd-table table td p span a{
	font-weight: bold;
	color: #424242;
}

div.osd-calendar table {
	height:calc(100% - 44px);
	max-height:90%;
	width:100%;
	table-layout:fixed;
}

div.osd-calendar table tr:first-child {
	max-height:50px;
}

div.osd-calendar table tr:nth-child(odd) {
	background:rgba(60,60,60,0.25);
}

div.osd-calendar table tr th {
	background:rgba(60,60,60,0.55);
	height:30px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	text-transform:capitalize;
	font-size:14px;
}

div.osd-calendar table tr td {
	overflow:scroll;
	padding:5px;
	vertical-align:top;
}

div.osd-calendar table tr td:hover {
	background:#e70000!important;
}

div.osd-calendar table td:nth-child(odd) {
	background:rgba(60,60,60,0.15);
}

div.osd-calendar table img {
	max-width:15px;
}

div.osd-calendar table tr td p {
	font-size:14px;
}

div.osd-calendar table tr td div {
	border:1px solid #fff;
}

div.osd-calendar table tr td section p {
	font-size:12px;
}

div.osd-grid ul {
	height:100%;
}

div.osd-grid>ul>li {
	width:33.3%;
	height:350px;
	border:1px solid red;
	float:left;
	overflow-y:scroll;
	padding:10px;
}

div.osd-grid>ul>li>ul>li>a {
	color:#fff;
}

#osd_view_grid li {
	border:1px solid #2f2f2f;
}

div.osd-attendance table,div.osd-attendance td {
	border:1px solid #424242;
}div.osd-horo .BirthCharts {
    background: url("../img/chakra.png") no-repeat scroll 0 0 transparent;
    font-weight:normal;
    height: 305px;
    position: relative;
    width: 420px;
    margin:auto;
    color: #696969;
}
div.osd-horo .southChart{
    background: url("../img/southChart.png") no-repeat scroll 0 0 transparent !important;
}
div.osd-horo .title {
    text-align: center;
}
div.osd-horo .south-charts-blocks{
    position: absolute;
    width: 69px;
    height: 57px;
}
div.osd-horo .south-charts-block1{
    margin: 5px 7px;
}
div.osd-horo .south-charts-block2{
    margin: 63px 7px;
}
div.osd-horo .south-charts-block3{
    margin: 123px 7px;
}
div.osd-horo .south-charts-block4{
    margin: 184px 7px;
}
div.osd-horo .south-charts-block5{
    margin: 184px 79px;
}
div.osd-horo .south-charts-block6{
    margin: 184px 152px;
}
div.osd-horo .south-charts-block7{
    margin: 184px 226px;
}
div.osd-horo .south-charts-block8{
    margin: 123px 226px;
}
div.osd-horo .south-charts-block9{
    margin: 63px 226px;
}
div.osd-horo .south-charts-block10{
    margin: 5px 226px;
}
div.osd-horo .south-charts-block11{
    margin:5px 150px;
}
div.osd-horo .south-charts-block12{
    margin: 5px 79px;
}
div.osd-horo .charts-num{
    float: left;
    width: 33%;
    height: 23px;
    text-align: center;
}
div.osd-horo .charts-house {
    color: #0D28B3;
}div.osd_filter {
	position:fixed;
	top:7.5%;
	right:10%;
	max-width:80%;
	height:2.5%;
}

div.osd_filter ul li {
	display:inline-block;
}

div.osd_filter ul li select {
	max-width:150px;
}div.osd_chat {
	position:fixed;
	bottom:7.5%;
	right:0;
	width:10%;
	height:2.5%;
	overflow:hidden;
	overflow-x: hidden;
}

div.osd_chat a#close_chat{
	display: none;
}

div.osd_chat_headers{
	position:fixed;
	bottom:10%;
	right:0;
	width:10%;
	height:80%;
	overflow-y:scroll;
	display: none;
}
div.osd_chat_headers section.osd_chat_header {
	display: block;
	float:left;
	width:100%;
	height:32px;
	background: rgba(255,255,255,.9);
	margin:2px 0;
	padding: 5px;
}

div.osd_chat_headers section.osd_chat_header a {
	color:#212121;
	height:32px;
	display:inline-block;
	overflow:hidden;
	float:right;
	font-size: 12px;
}

div.osd_chat_headers section.osd_chat_header a.close {
	display:none;
}

div.osd_chat_headers section.osd_chat_header a img {
	min-height:32px;
	max-height:32px;
	vertical-align:middle;
}

div.osd_chat_headers section.osd_chat_header a:first-child {
	float:left;
}

div.osd_chat_box {
	width:80%;
	padding:0;
	border:1px solid #fff;
	background:rgba(60,60,60,0.55);
	visibility: hidden;
	z-index:101;
	position: absolute;
	right:10%;
	bottom: 10%;
}

div.osd_chat_box .osd_chat_content {
	height:200px;
	background:rgba(255,255,255,0.95);
	overflow:scroll;
	padding:5px;
}

div.osd_chat_box .osd_chat_content li {
	margin:5px 0;
}

div.osd_chat_box .osd_chat_content li.loghours {
	font-size:11px;
	color:#424242;
}

div.osd_chat_box .osd_chat_input {
	height:68px;
	background:rgba(60,60,60,0.55);
	border:1px solid #fff;
}

div.osd_chat_box .osd_chat_input textarea {
	float:left;
	width:70%;
	height:99%;
	border:1px solid #fff;
}

.osd_chat_input button {
	float:left;
	width:30%;
	height:99%;
	border:1px solid #fff;
}div#osd_help-pop{
	overflow: hidden!important;
	padding: 0!important;
}

div#osd_help-pop>p{
	display:block;
	width:80%;
	height:5%;
	float:left;
	line-height: 22px;
}
div#osd_help-pop>p>a{
	padding: 5px;
	background: #e70000;
	color:#fff;
	font-size: small;
}

div#osd_help-pop p img{
	max-height: 12px;
}

div#osd_help-pop article {
	display:block;
	width:80%;
	height:85%;
	float:left;
	overflow: scroll;
	padding: 10px;
}
div#osd_help-pop article#help-faq-pop{
	display: none;
}

div#osd_help-pop article p.faq-ques{
	font-size: medium;
	color:#000;
}
div#osd_help-pop article p.faq-ans{
	font-size: small;
	color:#424242;
	padding: 10px;
}
div#osd_help-pop aside {
	display:block;
	width:20%;
	height:100%;
	float:right;
	overflow: scroll;
}

div#osd_help-pop aside ul {
}

div#osd_help-pop aside>p {
	background: #fff;
	padding: 5px;
	margin: 1px 0;
}

div#osd_help-pop footer {
	display:block;
	width:80%;
	height:10%;
	float:left;
}

div#osd_help-pop footer ul {
	display:block;
	height:50%;
	width:100%;
	float:left;
	padding:10px;
}

div#osd_help-pop footer ul li {
	display:inline-block;
	color:#424242;
}

div#osd_help-pop footer p {
	display:block;
	height:50%;
	width:100%;
	float:left;
	color:#424242;
	padding:10px;
}div.container{border:1px solid red}.theme_popup th,.theme_popup td{font-size:12px}.theme_popup td{white-space:nowrap}section a.theme-help-pop{color:#424242;display:inline-block;padding:10px;background:#e70000}section.theme-help-popup{display:none}section.theme-help-popup h3{font-weight:400;font-size:medium;margin:10px 0 5px 0}section.theme-help-popup p{letter-spacing:1px;font-size:small;margin:5px}#theme_editor{position:absolute !important;top:60%;right:0;height:5%;background:#fff;display:table}#theme_editor a{display:block !important;color:#212121;text-decoration:none;text-align:center;border:1px solid #fff;padding:10px;border:1px solid #848484}#theme_editor a img{height:30px}div.container>.editor{position:absolute !important;display:flex;background:#ffd300 !important;color:#616161 !important;z-index:97 !important;padding:0 !important;margin:0 !important;border:1px solid #fff !important;width:58px !important;height:29px !important}.editor>button{background:#fff !important;width:50% !important;float:left !important;padding:2px !important;text-align:center !important}.editor>button>img{width:15px !important;height:15px !important;min-height:15px !important;max-height:15px !important;min-width:15px !important;max-width:15px !important;border:none !important}section.editor-label{width:100%;height:50px;float:left;display:block}section.editor-add{width:75%;height:25%;float:left;display:block}section.editor-choose{width:25%;height:25%;float:left;display:block;text-align:right}section.editor-edit{padding-top:50px;float:left;width:100%;overflow:scroll;display:block}section#theme_album_name{width:195px;height:100%;display:block;float:left}section#theme_album_name p{font-size:11px;background:#fff;color:#424242;border:1px solid #c30;white-space:nowrap}section#theme_album_name p span{display:inline-block;height:100%}section#theme_album_name p span.theme_album_input{width:125px;padding:5px;text-align:right}section#theme_album_name p span#add_album{float:right;border:#424242;width:30px}section#theme_album_name p span.count_theme_album{width:30px;padding:5px;text-align:right}section#theme_album_name p span.theme_media_pop{overflow:hidden;padding:5px}section#theme_album_name p span.upload_theme_album{width:44px;float:right;background:#e70000;height:22px;display:flex}section#theme_album_name p span.upload_theme_album label,section#theme_album_name p span.upload_theme_album button{width:22px;height:100%;font-size:12px;min-height:100% !important;border-radius:none !important}section.theme_media_popup{height:100%;width:calc(100% - 195px);width:-webkit-calc(100% - 195px);width:-moz-calc(100% - 195px);display:none;float:left}section.theme_media_popup p{height:30%;width:20%;float:left;padding:10px;border:1px solid #c30;background:#fff}section.theme_media_popup p span{display:flex;align-items:center;width:100%;padding:5px;background:#fff;font-size:12px;color:#424242}section.theme_media_popup p span.theme_media_name{overflow:hidden;white-space:nowrap}theme-button{display:inline-block}div.horimenu ul{height:100%;width:100%}div.horimenu ul li a{height:100%;width:100%;display:flex;align-items:center}div.horimenu ul li a p{width:100%}div.login ul{display:flex;height:100%;width:100%;align-items:center}div.login section{width:100%}div.login section img{min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:25px}div.osd-login-pop {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	z-index:99;
	text-align:center;
	color:#616161;
	overflow:scroll;
}

div.osd-login-pop div#lmac,div.osd-login-pop div#lmaco {
	color:#fff;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

div.osd-login-pop div#lmac {
	overflow:hidden;
}

div.osd-login-pop div#lmaco {
	padding:25% 15% 10% 15%;
}

div.osd-login-pop div#lmac>img {
	min-width:100%;
	min-height:100%;
	opacity:.1;
}
div.osd-login-pop div#lmach{
	position: absolute;
	text-align: center;
	margin: 10%;
	width:80%;
}

div.osd-login-pop div#lmach h1{
	font-size: 5vw;
	color: #fff;
	font-family: myriad pro;
/* 	font-weight: 800; */
}
div.osd-login-pop .osd-login-popup{

}
div.osd-login-pop #osd-signup_popup{
	display: none;
}

div.osd-login-pop span.label_in {
	width:100%;
	display:block;
}

div.osd-login-pop ul.osd-sign-pop-footer {
	width:100%;
	position:absolute;
	bottom:2.5%;
	left:0;
	height:5%;
	text-align:center;
}

div.osd-login-pop ul.osd-sign-pop-sub-footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:2.5%;
	text-align:center;
}

div.osd-login-pop ul.osd-sign-pop-footer li {
	margin:0 50px;
	display:inline-block;
}

div.osd-login-pop ul.osd-sign-pop-footer li a {
	font-size:14px;
	color:#e6e6e6;
}

div.osd-login-pop ul.osd-sign-pop-sub-footer li {
	margin:0 25px;
	display:inline-block;
}

div.osd-login-pop ul.osd-sign-pop-sub-footer li a {
	font-size:11px;
	color:#e6e6e6;
}

hr.login-below {
	border:1px solid #fff;
	margin:5%;
}div#osd_showhide-pop a.hide-col,div#osd_showhide-pop a.show-col {
	width:300px;
	height:32px;
	font-size:12px;
	display:flex;
	align-items:center;
	margin:10px;
	display:block;
	text-align:right;
	padding:10px;
}

div#osd_showhide-pop a.hide-col {
	background:#fff;
	color:#424242;
}

div#osd_showhide-pop a.show-col {
	background:##e6262e;
	color:#fff;
}.osd_pagination {
	background:rgba(255,255,255,.8);
	position:fixed;
	bottom:5%;
	left:10%;
	height:2.5%;
	width:80%;
}

.osd_pagination table:first-child {
	position:fixed;
	bottom:5%;
	left:10%;
	height:2.5%;
	width:10%;
}

.osd_pagination table:last-child {
	position:fixed;
	bottom:5%;
	right:10%;
	height:2.5%;
	width:auto;
}

.osd_pagination table tr td {
	height:100%;
	border:1px solid #fff;
	border-radius:2.5px;
	vertical-align:middle;
	text-align:center;
}

.osd_pagination table tr td a {
	color:#616161;
	padding:0 1vw;
}input.osd-input,input.osd-datepicker,input.osd-datetimepicker,input.osd-number,select.osd-select,select.osd-multiselect,textarea.osd-textarea,button.osd-button,button.osd-submit {
	background:#fff;
	color:#424242;
	padding:5px;
	text-align:center;
	appearance:none;
	-webkit-appearance:none;
	border-radius:2px!important;
	-webkit-border-radius:0;
	border:1px solid #6e6e6e;
	cursor: pointer;
}

select.osd-select {
	background:#fff url(//cdn.ostopd.com/images/select.png) no-repeat top right!important;
	background-size:contain!important;
	padding-right:30px;
}

select.osd-multiselect {
	min-width:125px;
	border:1px solid #fff;
	font-size:12px;
	border-radius:none;
}

.osd-number {
	width:30px;
}

select.osd-number {
	min-width:60px!important;
}

option {
	padding:10px 0;
}

button:disabled{
	background-color: #6e6e6e!important;
}

input.osd-radio:empty {
	visibility:hidden;
	display: none;
	width:0;
	margin:0;
}

input.osd-radio:empty ~ label {
	display:inline-block;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:5px;
	color:#424242;
}

input.osd-radio:hover:not(:checked) ~ label {
	background:rgba(231,0,0,0.81);
	color:#fff;
}

input.osd-radio:checked ~ label {
	color:#fff;
	background:rgba(231,0,0,0.81);
}

.osd-checkbox {
	opacity:0;
	position:absolute;
}

.osd-checkbox,.osd-checkbox-label {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.osd-checkbox-label {
	position:relative;
}

.osd-checkbox + .osd-checkbox-label:before {
	content:'';
	background:#fff;
	border:2px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	padding:2px;
	text-align:center;
}

.osd-checkbox:checked + .osd-checkbox-label:before {
	background:rgba(231,0,0,0.81);
}

.osd-checkbox:focus + .osd-checkbox-label {
	outline:1px solid #ddd;
}

.osd-file {
	width:.1px;
	height:.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}

.osd-file + label {
	font-size:1.25em;
	font-weight:700;
	color:#fff;
	background-color:#e70000;
	display:inline-block;
	cursor:pointer;
	text-align:center;
}

.osd-file:focus + label,.osd-file + label:hover {
	background-color:red;
}

.osd-file:focus + label {
	outline:1px dotted #000;
	outline:-webkit-focus-ring-color auto 5px;
}

.osd-file + label * {
	pointer-events:none;
}

.mandatory {
	border:2px solid #c30!important;
}

input[type='hidden'] {
	min-height:0!important;
	height:0!important;
}

button[type='submit'] {
	text-transform:uppercase;
}