/*body{background: #E9ECF3;
	color: #333333;
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
	margin: 0 !important;
	padding: 0 !important;
}
body{background: #c6e9fd url("../images/bgtile.png") repeat-x scroll left top;
    border-top: 2px solid #0080bd;
    color: #444;
    font-family: Georgia,serif;
    }*/
.mt40{margin-top: 40px;}

/*ul.nav.navbar-nav li.dropdown{margin-left: 50px;}*/

#ResponsiveMenu ul li a{color: #ffffff;}
#ResponsiveMenu ul li a:hover{color: #4B77BE;}
.colsp p{float:left;margin-top: 6px;}
.colsp a{float: right;}
.myGroups {margin-bottom: 5px;}
.myGroups a{margin-left: 10px;text-decoration: none;}
.myGroups a:hover{text-decoration: none;background: #E9ECF3;padding: 5px;border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; padding-left: 0;}
.article-block h2{font-size: 38px;}
.fileUpload{margin-top: 20px;}
.reply a{margin-right: 5px;}

.tweet-actions {
    margin-top: 10px;
}
.moderated-date {
	padding-left:10px;
	color:#bbb;
}
.AccStatus{text-align: center;padding: 20px 0px; clear: both;}
.wedgets{background: #ffffff;padding: 10px;margin-bottom: 30px;}
#accordion ol.sub-menu{padding-left: 10px}
#accordion ol.sub-menu button{padding: 5px;margin: 10px 0;}

.InviteAuth { text-align: center;}
.InviteAuth a {font-size: 11px; margin-bottom: 5px;}
.InviteAuth a b {font-size: 14px;}
/*.custom-profile{margin-bottom: 30px; background: #fff;border-radius: 4px;-o-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; padding: 10px;}*/
.tabbable ul li.active button{border-bottom: 0;}
.search div,.search button,.search input{display: inline-block;}
.search button{margin-bottom: 3px;}

@media (min-width: 481px) {
	ul.nav.navbar-nav li.dropdown a.dropdown-toggle{padding-right: 12px !important;}
}

@media (max-width: 480px) {
	.page-header.navbar .top-menu nav .navbar-nav > li.dropdown > .dropdown-toggle{padding:29px 156px 25px !important;}
	button.navbar-toggle.collapsed,button.navbar-toggle{margin-top: 20px; margin-right: 10px; margin-left: 10px;}
	/*ul.nav.navbar-nav{background: #4B77BE;}*/
	.top-menu nav ul.nav.navbar-nav li.dropdown{display: block !important;float: none !important;}
	#ResponsiveMenu{padding-right: 0px;}
	.article-block h2{font-size: 30px;}
	.tabbable ul li button{font-size: 10px;}
	#fileupload button{margin-left: 0px;}


}

/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Styles from the dude that modified the core bootstrap css files...

*/
.btn {
	text-transform: none !important;
}
.btn-default {
	border-width: 1px !important;
}

/* And now some further customisations */

.profile-stat-text {
	font-size: 9px;
}

h4.media-heading .title {
	position:relative !important;
	font-size: 17px !important;
	color: inherit !important;
	margin-top: 0 !important;
	top: 0 !important;
	margin-bottom: 5px !important;
}

.login_container .twitter {
	background: url(/images/twitter_btn.png) no-repeat;
	height: 32px;
	width: 157px;
	display: block;
	/*float: left;*/
	margin-top: 10px;
}

.login_container .twitter:hover {
	background: url(/images/twitter_btn.png) no-repeat;
	background-position: 0 -32px;
}

.login_container .fb {
	background: url(/images/fb_btn.png) no-repeat;
	height: 32px;
	width: 157px;
	display: block;
	/*float: right;*/
	margin-top: 10px;
}

.login_container .fb:hover {
	background: url(/images/fb_btn.png) no-repeat;
	background-position: 0 -32px;
}

.login_container .twitter_button {
	padding: 8px 0 0 35px;
	text-shadow: -1px -1px 0px #0083b3;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
	height: 32px;
	display: block;
	text-decoration: none;
}

.login_container .facebook_button {
	padding: 8px 0 0 30px;
	text-shadow: -1px -1px 0px #366c96;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	height: 32px;
	display: block;
	text-decoration:none;
}

p.tweet-text { padding-left: 10px;}

.mobile-tweet-date {
	font-size: 10px;
	color: #bbb;
}
.tweet-date {
	color: #bbb;
}
span.tweet-title {
	padding-left: 8px;
	margin-right: 0 !important;
}
img.profile-image { border: 1px solid #ccc;}

@media (max-width: 750px) {
	.btn-responsive {
		padding: 2px 4px;
		font-size: 80%;
		line-height: 1;
		border-radius: 3px;
	}

	.btn-tweet {
		padding: 10px;
	}

	.btn-xs{ padding:0 !important; padding-bottom: 10px !important; }

	.tweet_action_button {
		padding: 0 10px !important;
	}
}

@media (min-width: 751px) and (max-width: 970px) {
	.btn-responsive {
		padding: 4px 9px;
		font-size: 90%;
		line-height: 1.2;
	}
}
/* transitions used in React components */
.timeline-item-enter {
	opacity: 0.01;
	background-color: red;
}

.timeline-item-enter.timeline-item-enter-active {
	opacity: 1;
	transition: opacity .5s ease-in;
	background: white;
}

.timeline-item-leave {
	transform: translate(0, 0);
	opacity: 1;
	transition: all .5s ease-in;
}

.timeline-item-leave.timeline-item-leave-active {
	transform: translate(0, -50px);
	opacity: 0.01;
}

.timeline-item-appear {
	opacity: 0.01;
	transition: opacity .5s ease-in;
}

.timeline-item-appear.timeline-item-appear-active {
	opacity: 1;
}
.pricing li {
	margin-bottom: 20px;
	text-align: center;
}
.pricing li:not(:last-child) {
	border-bottom: 1px #eee dotted;
}

.pricing h4 {
	text-align: center;
	font-size: 20px;
}

.pricing-features li {
	text-align: left !important;
	border-bottom: 1px solid #fff !important;
}

.pricing-features li:hover {
	cursor: pointer;
}

/*
.pricing li:not(:first-child) {
	text-align: center;
}*/

/*Prevent scrolling behind modals*/
body.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.green.btn {
	background-color: #35aa47;
}

.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
	background-color: #2d8f3c;
}

.tweet_action_button, .tweet-title {
	color: #bbb;
}

.tweet_action_button:hover, .tweet_action_button:focus, .tweet_action_button:active /*, .tweet-title:hover, .tweet-title:focus, .tweet-title:active*/ {
	color: #5b9bd1;
}

.tweet_action_button {
	padding: 3px 20px !important;
}

.tweet-text {
	font-size: 14px;
}

div.page-sidebar.navbar-collapse.collapse.in, div.page-sidebar.navbar-collapse.collapsing {
	margin-top: -100px;
}

@media (max-width: 767px)
{
	.page-header-fixed.page-header-fixed-mobile .page-container {
		 margin-top: 60px!important;
	}

	div.page-sidebar.navbar-collapse.collapse.in, div.page-sidebar.navbar-collapse.collapsing {
		margin-top: -50px !important;
	}

	body > div.page-sidebar.navbar-collapse.collapse.in, body > div.page-sidebar.navbar-collapse.collapsing {
		margin-top: 20px !important;
	}

	.timeline-button {
		padding: 5px 7px 8px;
		font-size: 8px !important;
	}

	.timeline-button-search {
		padding-bottom: 5px !important;
	}
}

body > div.page-sidebar.navbar-collapse.collapse.in, body > div.page-sidebar.navbar-collapse.collapsing {
	margin-top: 20px !important;
}

#imgPreview {
	width: 108px;
	height: 108px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.row-centered {
	text-align: center;
}

.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	/*text-align: left;*/
	/* inline-block space fix */
	margin-right: -4px;
	vertical-align: top;
}

.bg-gt-blue {
	background-color: #188DD4;
	color: #fff;
}

.dashphotobutton {
	padding-left:550px;
	
}
/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* start editing from here */
.custom-login-form {
  /* start editing from here */
  /* text align right */
  /* text align left */
  /* text align center */
  /* float right */
  /* float left */
  /* clear float */
  /* Position Relative */
  /* Position Absolute */
  /* vertical align baseline */
  /* vertical align top */
  /* Add 5px bottom padding and a underline */
  /* vertical menu */
  /* horizontal menu */
  /*end reset*/
  /*--login form start here--*/
  /* radios and checkboxes */
  /* selects */
  /* radios and checkboxes */
  /* icons */
  /* normal state */
  /* hover state */
  /* focus state */
  /* checked state */
  /* error state */
  /* success state */
  /* disabled state */
  /******** SAP ************/
  /*-----------------*/
  /*--meadia-quiries-start-here--*/ }
  .custom-login-form html, .custom-login-form body, .custom-login-form div, .custom-login-form span, .custom-login-form applet, .custom-login-form object, .custom-login-form iframe, .custom-login-form h1, .custom-login-form h2, .custom-login-form h3, .custom-login-form h4, .custom-login-form h5, .custom-login-form h6, .custom-login-form p, .custom-login-form blockquote, .custom-login-form pre, .custom-login-form a, .custom-login-form abbr, .custom-login-form acronym, .custom-login-form address, .custom-login-form big, .custom-login-form cite, .custom-login-form code, .custom-login-form del, .custom-login-form dfn, .custom-login-form em, .custom-login-form img, .custom-login-form ins, .custom-login-form kbd, .custom-login-form q, .custom-login-form s, .custom-login-form samp, .custom-login-form small, .custom-login-form strike, .custom-login-form strong, .custom-login-form sub, .custom-login-form sup, .custom-login-form tt, .custom-login-form var, .custom-login-form b, .custom-login-form u, .custom-login-form i, .custom-login-form dl, .custom-login-form dt, .custom-login-form dd, .custom-login-form ol, .custom-login-form nav ul, .custom-login-form nav li, .custom-login-form fieldset, .custom-login-form form, .custom-login-form label, .custom-login-form legend, .custom-login-form table, .custom-login-form caption, .custom-login-form tbody, .custom-login-form tfoot, .custom-login-form thead, .custom-login-form tr, .custom-login-form th, .custom-login-form td, .custom-login-form article, .custom-login-form aside, .custom-login-form canvas, .custom-login-form details, .custom-login-form embed, .custom-login-form figure, .custom-login-form figcaption, .custom-login-form footer, .custom-login-form header, .custom-login-form hgroup, .custom-login-form menu, .custom-login-form nav, .custom-login-form output, .custom-login-form ruby, .custom-login-form section, .custom-login-form summary, .custom-login-form time, .custom-login-form mark, .custom-login-form audio, .custom-login-form video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  .custom-login-form article, .custom-login-form aside, .custom-login-form details, .custom-login-form figcaption, .custom-login-form figure, .custom-login-form footer, .custom-login-form header, .custom-login-form hgroup, .custom-login-form menu, .custom-login-form nav, .custom-login-form section {
    display: block; }
  .custom-login-form ol, .custom-login-form ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .custom-login-form blockquote, .custom-login-form q {
    quotes: none; }
  .custom-login-form blockquote:before, .custom-login-form blockquote:after, .custom-login-form q:before, .custom-login-form q:after {
    content: '';
    content: none; }
  .custom-login-form table {
    border-collapse: collapse;
    border-spacing: 0; }
  .custom-login-form a {
    text-decoration: none; }
  .custom-login-form .txt-rt {
    text-align: right; }
  .custom-login-form .txt-lt {
    text-align: left; }
  .custom-login-form .txt-center {
    text-align: center; }
  .custom-login-form .float-rt {
    float: right; }
  .custom-login-form .float-lt {
    float: left; }
  .custom-login-form .clear {
    clear: both; }
  .custom-login-form .pos-relative {
    position: relative; }
  .custom-login-form .pos-absolute {
    position: absolute; }
  .custom-login-form .vertical-base {
    vertical-align: baseline; }
  .custom-login-form .vertical-top {
    vertical-align: top; }
  .custom-login-form .underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0; }
  .custom-login-form nav.vertical ul li {
    display: block; }
  .custom-login-form nav.horizontal ul li {
    display: inline-block; }
  .custom-login-form img {
    max-width: 100%; }
@font-face {
  .custom-login-form {
    font-family: 'PoiretOne-Regular';
    src: url(../fonts/PoiretOne-Regular.ttf) format("truetype"); } }
@font-face {
  .custom-login-form {
    font-family: 'SourceSansPro-Regular';
    src: url(../fonts/SourceSansPro-Regular.ttf) format("truetype"); } }
  .custom-login-form body {
    background: #16214d;
    font-family: 'SourceSansPro-Regular';
    font-size: 100%; }
  .custom-login-form .logo-top h1 {
    font-size: 2.4em;
    color: #fff;
    text-align: center;
    font-family: 'PoiretOne-Regular'; }
  .custom-login-form .logo-bottom {
    margin-top: 8.5%; }
  .custom-login-form .head {
    width: 50%;
    margin: 11% auto 0;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px; }
  .custom-login-form .logo {
    width: 45%;
    float: left;
    background: #44c7f4;
    padding: 11.57% 0; }
  .custom-login-form .login {
    width: 55%;
    float: right;
    padding: 4% 0;
    background: #fff; }
  .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
    outline: none;
    font-size: 16px;
    color: #cecfd3;
    padding: 20px 30px 10px 10px;
    margin: 0;
    width: 89.87%;
    border: none;
    border-bottom: 2px solid #cecfd3;
    -webkit-appearance: none; }
  .custom-login-form .login input.name {
    background: url(../images/l1.png) no-repeat 98% 67%; }
  .custom-login-form .login input.email {
    background: url(../images/l2.png) no-repeat 98% 67%; }
  .custom-login-form .login input.password {
    background: url(../images/l3.png) no-repeat 98% 67%; }
  .custom-login-form .login-top {
    padding: 0px 25px;
    margin-top: 3%; }
  .custom-login-form .submit {
    float: left; }
  .custom-login-form .login-bottom ul {
    padding: 0;
    float: right; }
  .custom-login-form .login-bottom ul li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px; }
  .custom-login-form .login-bottom ul li p {
    color: #b7b9c6;
    font-size: 15px; }
  .custom-login-form .login-bottom ul li span {
    background: url(../images/social.png) no-repeat;
    width: 34px;
    height: 34px;
    display: block; }
  .custom-login-form .login-bottom ul li span:hover {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    opacity: 0.4;
    filter: alpha(opacity=40); }
  .custom-login-form .login-bottom ul li span.fb {
    background-position: 0px 0px; }
  .custom-login-form .login-bottom ul li span.twit {
    background-position: -34px 0px; }
  .custom-login-form .login-bottom ul li span.google {
    background-position: -68px 0px; }
  .custom-login-form .login-bottom {
    margin-top: 17%; }
  .custom-login-form .login-bottom1 {
    margin-top: 28%; }
  .custom-login-form .submit input[type="submit"] {
    font-size: 13px;
    color: #44c7f4;
    background: #fff;
    border: 2px solid #44c7f4;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    padding: 6px 13px;
    font-family: 'SourceSansPro-Regular'; }
  .custom-login-form .submit input[type="submit"]:hover {
    background: #44c7f4;
    color: #fff;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease; }
  .custom-login-form .row1 {
    outline: none;
    padding: 20px;
    overflow: auto;
    height: 200px; }
  .custom-login-form .sky-form.col.col-4 ul {
    padding: 0;
    list-style: none; }
  .custom-login-form .sky-form h4 {
    margin-top: 10px;
    background: #ECECEC;
    padding: 10px 20px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 16px; }
  .custom-login-form .sky-form section {
    margin-bottom: 20px; }
  .custom-login-form .sky-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px; }
  .custom-login-form .sky-form .label.col {
    margin: 0;
    padding-top: 10px; }
  .custom-login-form .sky-form .input,
  .custom-login-form .sky-form .select,
  .custom-login-form .sky-form .textarea,
  .custom-login-form .sky-form .radio,
  .custom-login-form .sky-form .checkbox,
  .custom-login-form .sky-form .toggle,
  .custom-login-form .sky-form .button {
    position: relative;
    display: block; }
  .custom-login-form .sky-form .select i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 1px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 12px #fff; }
  .custom-login-form .sky-form .select i:after,
  .custom-login-form .sky-form .select i:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .custom-login-form .sky-form .select i:after {
    bottom: 0;
    border-top: 4px solid #404040; }
  .custom-login-form .sky-form .select i:before {
    top: 0;
    border-bottom: 4px solid #404040; }
  .custom-login-form .sky-form .select-multiple select {
    height: auto; }
  .custom-login-form .sky-form .radio {
    outline: none;
    border: none;
    margin-bottom: 7px;
    padding-left: 22px;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    cursor: pointer;
    margin-top: 0; }
  .custom-login-form .sky-form .radio:last-child,
  .custom-login-form .sky-form .checkbox:last-child {
    margin-bottom: 0; }
  .custom-login-form .sky-form .radio input,
  .custom-login-form .sky-form .checkbox input {
    position: absolute;
    left: -9999px; }
  .custom-login-form .sky-form .radio i {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    outline: none;
    border-width: 2px;
    border-style: solid; }
  .custom-login-form .sky-form .radio i {
    border-radius: 50%; }
  .custom-login-form .sky-form .radio input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s; }
  .custom-login-form .sky-form .radio input + i:after {
    content: '';
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%; }
  .custom-login-form .sky-form .checkbox input + i:after {
    content: '';
    top: 3px;
    left: 2px;
    width: 10px;
    height: 7px;
    background: url(../images/tick.png) no-repeat;
    text-align: center; }
  .custom-login-form .sky-form .radio input:checked + i:after,
  .custom-login-form .sky-form .checkbox input:checked + i:after {
    opacity: 1; }
  .custom-login-form .sky-form .inline-group {
    margin: 0 -30px -4px 0; }
  .custom-login-form .sky-form .inline-group:after {
    content: '';
    display: table;
    clear: both; }
  .custom-login-form .sky-form .inline-group .radio {
    float: left;
    margin-right: 30px; }
  .custom-login-form .sky-form .inline-group .radio:last-child {
    margin-bottom: 4px; }
  .custom-login-form .sky-form [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
  .custom-login-form .sky-form .input input,
  .custom-login-form .sky-form .select select,
  .custom-login-form .sky-form .textarea textarea,
  .custom-login-form .sky-form .radio i,
  .custom-login-form .sky-form .checkbox i,
  .custom-login-form .sky-form .toggle i,
  .custom-login-form .sky-form .icon-append,
  .custom-login-form .sky-form .icon-prepend {
    border-color: #fff;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s; }
  .custom-login-form .sky-form .toggle i:before {
    background-color: #fff; }
  .custom-login-form .sky-form .input:hover input,
  .custom-login-form .sky-form .select:hover select,
  .custom-login-form .sky-form .textarea:hover textarea,
  .custom-login-form .sky-form .radio:hover i,
  .custom-login-form .sky-form .checkbox:hover i,
  .custom-login-form .sky-form .toggle:hover i {
    border-color: #fff; }
  .custom-login-form .sky-form .button:hover {
    opacity: 1; }
  .custom-login-form .sky-form .input input:focus,
  .custom-login-form .sky-form .select select:focus,
  .custom-login-form .sky-form .textarea textarea:focus,
  .custom-login-form .sky-form .radio input:focus + i,
  .custom-login-form .sky-form .checkbox input:focus + i,
  .custom-login-form .sky-form .toggle input:focus + i {
    border-color: #fff; }
  .custom-login-form .sky-form .radio input + i:after {
    background-color: #fff; }
  .custom-login-form .sky-form .checkbox input + i:after {
    color: #fff; }
  .custom-login-form .sky-form .radio input:checked + i,
  .custom-login-form .sky-form .checkbox input:checked + i,
  .custom-login-form .sky-form .toggle input:checked + i {
    border-color: #fff; }
  .custom-login-form .sky-form .state-error input,
  .custom-login-form .sky-form .state-error select,
  .custom-login-form .sky-form .state-error textarea,
  .custom-login-form .sky-form .radio.state-error i,
  .custom-login-form .sky-form .checkbox.state-error i,
  .custom-login-form .sky-form .toggle.state-error i {
    background: #fff; }
  .custom-login-form .sky-form .state-success input,
  .custom-login-form .sky-form .state-success select,
  .custom-login-form .sky-form .state-success textarea,
  .custom-login-form .sky-form .radio.state-success i,
  .custom-login-form .sky-form .checkbox.state-success i,
  .custom-login-form .sky-form .toggle.state-success i {
    background: #fff; }
  .custom-login-form .sky-form .input.state-disabled input,
  .custom-login-form .sky-form .select.state-disabled,
  .custom-login-form .sky-form .textarea.state-disabled,
  .custom-login-form .sky-form .radio.state-disabled,
  .custom-login-form .sky-form .checkbox.state-disabled,
  .custom-login-form .sky-form .toggle.state-disabled,
  .custom-login-form .sky-form .button.state-disabled {
    cursor: default;
    opacity: 0.5; }
  .custom-login-form .sky-form .input.state-disabled:hover input,
  .custom-login-form .sky-form .select.state-disabled:hover select,
  .custom-login-form .sky-form .textarea.state-disabled:hover textarea,
  .custom-login-form .sky-form .radio.state-disabled:hover i,
  .custom-login-form .sky-form .checkbox.state-disabled:hover i,
  .custom-login-form .sky-form .toggle.state-disabled:hover i {
    border-color: #e5e5e5; }
  .custom-login-form section.sky-form {
    margin-left: 16%; }
  .custom-login-form .sap_tabs {
    clear: both; }
  .custom-login-form .tab_box {
    background: #fd926d;
    padding: 2em; }
  .custom-login-form .top1 {
    margin-top: 2%; }
  .custom-login-form .resp-tabs-list {
    list-style: none;
    padding-left: 19px;
    text-align: left; }
  .custom-login-form .resp-tab-item {
    color: #d8dcdf;
    font-size: 18px;
    cursor: pointer;
    padding: 0px 0px;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 5px; }
  .custom-login-form .resp-tab-active {
    text-shadow: none;
    color: #44c7f4; }
  .custom-login-form .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left; }
  .custom-login-form h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none; }
  .custom-login-form .resp-tab-content {
    display: none; }
  .custom-login-form .resp-content-active, .custom-login-form .resp-accordion-active {
    display: block; }
  .custom-login-form .resp-tab-item label {
    margin-right: 8px; }
  .custom-login-form .account ul {
    padding: 0;
    width: 17%;
    margin: 1% auto 0; }
  .custom-login-form .account ul li {
    list-style: none;
    display: inline-block; }
  .custom-login-form .account ul li p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65); }
  .custom-login-form .account ul li p a {
    color: #fff; }
  .custom-login-form .account ul li p a:hover {
    color: #44c7f4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .custom-login-form .account ul span {
    margin-left: 23px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    font-size: 13px; }
  .custom-login-form .account ul li:nth-child(1) {
    float: left; }
  .custom-login-form .account ul li:nth-child(3) {
    float: right; }
  .custom-login-form .footer {
    text-align: center;
    margin-top: 10%; }
  .custom-login-form .footer p {
    font-size: 16px;
    color: #fff; }
  .custom-login-form .footer p a {
    color: #fff; }
  .custom-login-form .footer p a:hover {
    text-decoration: none;
    color: #44c7f4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  @media (max-width: 1440px) {
    .custom-login-form .logo {
      padding: 12.1% 0; }
    .custom-login-form .account ul span {
      margin-left: 22px; }
    .custom-login-form .account ul {
      width: 19%; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      width: 88.4%; } }
  @media (max-width: 1366px) {
    .custom-login-form .logo-top h1 {
      font-size: 2.25em; }
    .custom-login-form .head {
      width: 52%;
      margin: 10.5% auto 0; }
    .custom-login-form .logo-top {
      margin-top: 1.1%; }
    .custom-login-form .footer {
      margin-top: 6%; }
    .custom-login-form .logo {
      padding: 12.15% 0; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      width: 88.3%; } }
  @media (max-width: 1280px) {
    .custom-login-form .logo-top h1 {
      font-size: 2.05em; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      font-size: 15px;
      padding: 18px 27px 10px 10px; }
    .custom-login-form .submit input[type="submit"] {
      font-size: 12px; }
    .custom-login-form .login-bottom ul li {
      margin-left: 9px; }
    .custom-login-form section.sky-form {
      margin-left: 10%; }
    .custom-login-form .sky-form .radio {
      font-size: 15px; }
    .custom-login-form .account ul {
      width: 21.38%; }
    .custom-login-form .footer {
      margin-top: 11%; }
    .custom-login-form .head {
      margin: 11.5% auto 0; } }
  @media (max-width: 1024px) {
    .custom-login-form .logo-top h1 {
      font-size: 2em; }
    .custom-login-form .head {
      margin: 16% auto 0;
      width: 65%; }
    .custom-login-form .login-bottom ul li {
      margin-left: 3px; }
    .custom-login-form section.sky-form {
      margin-left: 13.5%; }
    .custom-login-form .account ul {
      width: 26.38%; }
    .custom-login-form .footer {
      margin-top: 14%; } }
  @media (max-width: 768px) {
    .custom-login-form .head {
      margin: 23% auto 0;
      width: 80%; }
    .custom-login-form .submit input[type="submit"] {
      padding: 4px 13px; }
    .custom-login-form .logo-top h1 {
      font-size: 1.9em; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      font-size: 14px;
      padding: 16px 23px 10px 10px; }
    .custom-login-form .login-bottom ul li p {
      font-size: 14px; }
    .custom-login-form .login-bottom ul li span {
      width: 31px;
      height: 31px;
      background-size: 300%; }
    .custom-login-form .login-bottom ul li span.twit {
      background-position: -31px 0px; }
    .custom-login-form .login-bottom ul li span.google {
      background-position: -62px 0px; }
    .custom-login-form .account ul {
      width: 35%; }
    .custom-login-form .account ul span {
      margin-left: 20px; }
    .custom-login-form .footer p {
      font-size: 15px; }
    .custom-login-form .footer {
      margin-top: 23%; } }
  @media (max-width: 640px) {
    .custom-login-form .logo-top h1 {
      font-size: 1.75em; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      width: 87.6%; }
    .custom-login-form section.sky-form {
      margin-left: 10%; }
    .custom-login-form .login-top {
      padding: 0px 20px;
      margin-top: 3%; }
    .custom-login-form .submit input[type="submit"] {
      font-size: 11px;
      padding: 4px 11px; }
    .custom-login-form .login-bottom ul li p {
      font-size: 13px; }
    .custom-login-form .login-bottom ul li span {
      width: 29px;
      height: 29px; }
    .custom-login-form .login-bottom ul li span.twit {
      background-position: -29px 0px; }
    .custom-login-form .login-bottom ul li span.google {
      background-position: -58px 0px; }
    .custom-login-form .login-bottom ul li {
      margin-left: 1px; }
    .custom-login-form .head {
      margin: 29% auto 0;
      width: 87%; }
    .custom-login-form .sky-form .radio {
      font-size: 14px; }
    .custom-login-form .sky-form .radio i {
      width: 9px;
      height: 9px; }
    .custom-login-form .sky-form .radio {
      padding-left: 18px; }
    .custom-login-form .login-bottom {
      margin-top: 15.7%; }
    .custom-login-form .account ul {
      width: 42%;
      margin: 2.5% auto 0; }
    .custom-login-form .footer {
      margin-top: 37%; }
    .custom-login-form .login input.name {
      background: url(../images/l1.png) no-repeat 98% 60%;
      background-size: 5%; }
    .custom-login-form .login input.email {
      background: url(../images/l2.png) no-repeat 98% 60%;
      background-size: 5%; }
    .custom-login-form .login input.password {
      background: url(../images/l3.png) no-repeat 98% 60%;
      background-size: 5%; } }
  @media (max-width: 480px) {
    .custom-login-form .logo {
      padding: 7% 0;
      width: 100%; }
    .custom-login-form .submit input[type="submit"] {
      font-size: 12px; }
    .custom-login-form .login input.name {
      background: url(../images/l1.png) no-repeat 99% 60%;
      background-size: 4.5%; }
    .custom-login-form .login input.email {
      background: url(../images/l2.png) no-repeat 99% 60%;
      background-size: 4.5%; }
    .custom-login-form .login input.password {
      background: url(../images/l3.png) no-repeat 99% 60%;
      background-size: 4.5%; }
    .custom-login-form .logo-bottom {
      margin-top: 4.5%; }
    .custom-login-form section.sky-form {
      margin-left: 27%; }
    .custom-login-form .login {
      width: 100%;
      padding: 8% 0; }
    .custom-login-form .login-bottom {
      margin-top: 12.7%; }
    .custom-login-form .account ul {
      width: 57.8%;
      margin: 3.5% auto 0; }
    .custom-login-form .footer {
      margin-top: 14%; }
    .custom-login-form .footer p {
      font-size: 14px; }
    .custom-login-form .head {
      margin: 20% auto 0; } }
  @media (max-width: 320px) {
    .custom-login-form .logo-top h1 {
      font-size: 1.55em; }
    .custom-login-form section.sky-form {
      margin-left: 14%; }
    .custom-login-form .login input.name {
      background: url(../images/l1.png) no-repeat 98.5% 60%;
      background-size: 5%; }
    .custom-login-form .login input.email {
      background: url(../images/l2.png) no-repeat 98.5% 60%;
      background-size: 5%; }
    .custom-login-form .login input.password {
      background: url(../images/l3.png) no-repeat 98.5% 60%;
      background-size: 5%; }
    .custom-login-form .sky-form .radio {
      font-size: 13px;
      margin-bottom: 4px; }
    .custom-login-form .resp-tab-item {
      font-size: 16px; }
    .custom-login-form .login input[type="text"], .custom-login-form .login input[type="password"] {
      font-size: 11px;
      padding: 15px 17px 6px 10px; }
    .custom-login-form .account ul li p {
      font-size: 12px; }
    .custom-login-form .account ul span {
      margin-left: 15px; }
    .custom-login-form .account ul {
      width: 80%;
      margin: 4% auto 0; }
    .custom-login-form .footer p {
      line-height: 1.6em; }
    .custom-login-form .login-bottom ul li p {
      font-size: 12px; }
    .custom-login-form .login-bottom ul li span {
      width: 25px;
      height: 25px; }
    .custom-login-form .login-bottom ul li span.google {
      background-position: -50px 0px; }
    .custom-login-form .login-bottom ul li span.twit {
      background-position: -25px 0px; }
    .custom-login-form .head {
      margin: 15% auto 0; }
    .custom-login-form .submit input[type="submit"] {
      font-size: 11px;
      padding: 3px 11px; } }

/*--meadia-quiries-end-here--*/

/*--meadia-quiries-end-here--*/