/* navbar */
html {
  background-color: #F9F9F9;
}

body {
  font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif;

  padding-bottom: 20px;
  background-color: #F9F9F9;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 550px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.white-color {
  color: #FEFFFF;
}

.navbar-default {
  background-color: #3C4D55;
  border-color: #3C4D55;
}



#markAsSpecial md-checkbox .md-container {

  position: absolute;
  left: 20px !important;

}

.fixedfilterbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 70;
  background: white !important;
  transform: translate3d(0, 0, 0) !important;

}


.md-dialog-container {
  height: 100vh !important;
  top: 0 !important;
  position: fixed !important;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: none !important;
}

.bootstrap-datetimepicker-widget table td span {
  color: black !important;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  color: white !important;
  border: 0 !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
  color: white !important;
  border: 0 !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

.borderzero {
  border-radius: 0;
}

.marginTopLine {
  margin-top: 70px;
}

.marginTop {
  margin-top: 10px;
}

.marginBottomLineGrph {
  margin-bottom: 10px;
}

.marginLeftLineGraph {
  margin-left: 40px;
}

.marginBottomLineGraph {
  margin-bottom: 70px;
}

input[type="file"] {
  display: none;
}

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

#bulk_upload_div md-tabs-wrapper md-icon {

  color: #273A44;

}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 315px;
}

.well {


  margin-bottom: 5px;
  background-color: transparent;

}

.bulkupload md-tab-item {
  color: #3A4C54 !important;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
  border-width: 0 0 0;
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
  padding-left: 0px;
}



[type="radio"]:checked+label {
  color: white !important;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  box-sizing: inherit !important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: initial !important;
  opacity: 1 !important;
}

md-switch {
  margin: 0 0 !important;
}

.noPadding {
  padding: 0;
}

.text-xs {
  font-size: 10px;
}

.text-small {

  font-size: 20px;
}

.text-xs-smallscreen {
  font-size: 8px;
}

.text-xl {
  font-size: 35px;
}

.sky-blue {
  color: #49BEDB;
}

.switch-toggle a {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  right: 0.2em;
  padding: 0;
  z-index: 1;
  height: calc(100% - 6px);
  background-color: #273a44;

}

.btn-circle.btn-sm {
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 16px;
  border-radius: 50%;
  min-width: 50px;
  color: #273A44;
}

.searchbox {
  height: 300px !important;
  overflow-y: scroll;

}

.chip-selected {
  background: #8DC63F !important;
  color: white !important;
  cursor: pointer !important;
}

.md-chips md-chip.permission--chip {}

.btn-circle.btn-sm {
  margin-right: 7px;
}

.maroon-color {
  color: #C40401;
}

.live-color {
  color: #229C49;
}

.notposted-color {
  color: #F5A023;
}

.card .card-reveal {
  padding: 0;
}

.switch-toggle input+label {
  padding: 7px 0.5em;
}

*:focus {
  outline-width: 0px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
}

.switch-toggle input:focus~span a,
.switch-toggle input:focus+label {
  outline-width: 0px !important;
  outline-style: solid !important;
  outline-color: transparent !important;
  /* Chrome/Opera gets its native focus styles.
*/
}

@media (-webkit-min-device-pixel-ratio: 0) {

  .switch-toggle input:focus~span a,
  .switch-toggle input:focus+label {
    outline-color: transparent !important;
    outline-style: solid !important;
  }
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
  height: 38px !important;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
  display: none;
}

.marginBtmPill {
  margin-bottom: 10px;
}

/* title */
.navbar-default .navbar-brand {
  color: #FEFFFF;
}

.btn__import__btn {
  margin-top: 1em;
}



.white-color {
  color: #FEFFFF;
}

.margDown {
  margin-bottom: 10px;

}

input[type=text],
input[type=email],
input[type=password] {
  font-size: 1.2em !important;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.paddingforBtn {
  padding-bottom: 2px;
  padding-left: 5px;
}

.btn.btn-success {
  background-color: #a3d55f;
}
.btn.btn-error {
  background-color:indianred  !important;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.marginBottomFew {
  margin-bottom: 40px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  background-color: transparent;
  color: #4285F4;
}


.margTop {
  margin-top: 80px;
}

.margTopFew {
  margin-top: 70px;
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding-left: 24px;
  padding-top: 7px;
  pointer-events: none;
  font-size: 1.3em;
}

/* align icon */
.left-addon .glyphicon {
  left: 0px;
}

.right-addon .glyphicon {
  right: 0px;
}

/* add padding  */
.left-addon input {
  padding-left: 30px;
}

.right-addon input {
  padding-right: 10px;
}

.tagText {
  color: #386F88;
  font-size: 2em;
}

.sportsText {

  color: white;
  text-shadow: black 0.2em 0.2em 0.2em;

  padding-Top: 70px;
  /*text-shadow: 2px 0 #3C4D55, 0 2px #3C4D55, 2px 0 #3C4D55, 0 2px #3C4D55;*/
}

.calendarFinalCardText {

  color: white;
  text-shadow: black 0.2em 0.2em 0.2em;

}

.calendarFinalCardDescText {
  color: white;
  text-shadow: black 0.1em 0.1em 0.2em;
  font-weight: bold;


}

.headingSummary {
  color: #386F88;
  font-size: 1.4em;
  text-shadow: white 0.1em 0.1em 0.1em;

}

.opacitybg {
  background-color: rgba(192, 192, 192, 0.3);
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 4px;
  padding-right: 4px;
}

.panel-footer {
  background-color: rgba(0, 0, 0, 0.26) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;

}

.customnav {
  background-color: #dbe1e4;
  margin-bottom: 0px;
  height: 50px;

}

nav .input-field label i {
  color: #273a44;
  transition: color .3s;
}

input[type=search] {
  background-color: #EDF0F1;
  margin-bottom: 0;
  font-size: 20px !important;

}

.backBtnIcon {
  line-height: 44px !important;
  color: #273a44;
  font-size: 16px;
}

nav .input-field input {
  height: 80%;
  margin-top: 5px
}

.backBtnCustom {
  text-decoration: none;
  color: #273a44;

}

.backBtnCustom:hover {
  text-decoration: none;
}

.input-field label {
  position: absolute;
  top: -1rem !important;
}

.foreGround {}

.badge {
  display: inline-block !important;
  min-width: 10px !important;
  ;
  padding: 3px 7px !important;
  ;
  font-size: 12px !important;
  ;
  font-weight: 700 !important;
  ;

  color: #fff !important;
  ;
  text-align: center !important;
  ;
  white-space: nowrap !important;
  ;
  vertical-align: middle !important;
  ;
  background-color: #777 !important;
  ;
  border-radius: 10px !important;
  ;
  line-height: 1.42857143 !important;
  ;
}

.info-event-pill {
  margin-left: 0 !important;
  color: black !important;
  background-color: #26a69a !important;
  font-size: 0.8em;
  border: 1.5px solid #26A69B !important;
  border-radius: 15px 0 0 13px !important;
  border-right: 1px solid transparent !important;
  background: transparent !important;
  font-size: 10px !important;

}

.createEventsPadding {

  padding
}

.navbar {
  margin-bottom: 20px;
}

.rolelist {
  margin: 5px;
}

.rolelistpadding {
  padding: 5px;
}

.imagesBoxMargin {
  margin-top: 10px;
}

.closeiconStyle {
  position: relative;

}

.paddingDown {
  padding-bottom: 13px;

}

.marginAroundPlayerCard {
  margin: 2px;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.backBtn {
  margin-right: 10px;
}

.bottom-aligner {
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
  width: 3px;

}

.mandatoryColor {
  color: #0A6DC6;
}

.mandatoryasterisk {
  color: red;
  font-size: 0.5em;

}

.bottom-content {
  margin: -25px;
  padding-left: 10px;
  padding-right: 10px;
}

.seaBlue {
  background: #D7ECEB;
}

.shadowText {
  color: #2A434D;
  text-shadow: grey 0.1em 0.1em 0.1em;

}

/*Profile pic size*/
.userImg {
  width: 30px;
  height: 30px;
  margin-top: 7px;
}

.userShareMargin {

  padding: 10px;
}

.sportsglyhsize {
  font-size: 100px;
  color: #970501;
}

.nodisplay {
  display: none;
}

.tennisglyhsize {
  font-size: 100px;
  color: #C9DF1B;
}

.soccerglyhsize {
  font-size: 100px;

}

.icehockeyglyph {
  width: 100px;
  height: 100px;
}

.baseballglyhp {
  font-size: 100px;
  color: #BD4044;
}

.logoSizing {
  width: 44px;
  height: 38px;
}

.paddingUserImg {
  padding-Top: 17px;
}

.alignLogo {
  padding-Top: 0px;
}

.section {
  background: #F5F5F5;
}

.textCenter {
  text-align: center;
}

.panel-body {
  width: 200px;
  height: 180px;
  overflow: hidden;
}

.userLocationBox {

  margin-bottom: 30px;
}

.paddingForCard {
  padding-left: 75px;
  padding-top: -80px;
}

.addIconColor {
  color: #30AD23;
}


.addBtn {
  color: #30AD23;
  font-size: 2em;
  padding: 3px;
}

.addEvntBtn {

  color: #30AD23;
  font-size: 1em;
}

.btn-default.createTeamBtn {
  background-color: #D7ECEB;
}

.sportsPanelBackground {

  background: url("../images/sports.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;



}


.continueBtnMargin {

  margin-bottom: 10px;
}

.suggestionPanel {
  overflow-y: auto;
  max-height: 300px;
  background: #F5F5F5;
  border-radius: 5px;
}

.div-shadow {
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .5);
  border-radius: 5px;
}

.div-cardShadow {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

/* User Div */

.fragment {
  border: 1px solid #ccc;
  color: #555;
  padding: 10px;
  text-decoration: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}



.permissions {
  font-size: 2em;
  color: #555555;
}

.permissions .textPermission {
  font-family: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, serif;
  font-size: 12px;
}

#close {
  float: right;
  display: inline-block;
  color: #386F88;
}

ul.thumbnails.image_picker_selector {
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;

  height: 350px;
  padding: 0px;
  margin: 0px;
}

ul.thumbnails.image_picker_selector ul {
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.thumbnails.image_picker_selector li.group_title {
  float: none;
}

ul.thumbnails.image_picker_selector li {
  margin: 0px 12px 12px 0px;
  float: left;
}

ul.thumbnails.image_picker_selector li .thumbnail {
  padding: 6px;
  width: 200px;
  height: 130px;
  border: 1px solid #dddddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
  -webkit-user-drag: none;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
  background: #0088cc;
}

hr.styleLine {
  height: 6px;
  border: 0;
  box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.25);
}

#calendarFinalDiv {
  background: url("http://s3.amazonaws.com/allcal-media/placeholder_cover_image@2x.png") no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;



}

.helpBtn {
  color: #89BB45;
  font-size: 0.65em;
}

.md-scroll-mask {
  position: initial
}

.modalHeader {
  padding: 1em;
  border-bottom: 2px solid #E9EEF1;
  background-image: none !important;
  background-color: #273A44 !important;
  color: white !important;
  padding-bottom: 10px;

}

.ticket__free__sm__text {
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #394952;
}

.ticket_text_color {
  color: #394952;
}

.ticket__free__md__text {

  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #27353d;
}

.ticket__free__xs__text {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #919ca2;

}

.ticket__paid__card__text {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #27353d;

}

.ticket__paid__card__md__text {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #919ca2;

  margin-top: 15px;

}

.ticket__free__lg__text {
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #394952;
}

.ticket__borderTop {
  box-shadow: inset 0 -1px 0 0 rgba(145, 156, 162, 0.3);
}

.ticket__free__xl__text {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  color: #394952;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  background: white !important;
}


/* Styles used for the counter. */
.counter-container .counter-minus,
.counter-plus {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  /* color: rgba(0,0,0,0.87); */
  margin: 0;
  padding: 4px 10px;
  text-decoration: none !important;
  color: black;
  border: solid 1px #dee1e3;

  padding-top: 8px;
  padding-bottom: 10px;

  font-size: 16px;
  font-weight: 800;

}

.counter-container .counter-field {
  margin: 0;
  padding: 5px;
  text-align: center;
  width: 40px;
  border: solid 1px #dee1e3;

  padding-top: 10px;
  padding-bottom: 10px;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.collapsible-item .title {
  background-image: none !important;
  background-color: #273A44 !important;
  color: white !important;
}

input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: black !important;
}

.animate-show-hide.ng-hide {
  opacity: 0;
}

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 0.5s;
}

.check-element {
  border: 1px solid rgba(0, 0, 0, 0.12);
  opacity: 1;
  padding: 10px;
  background: white;
}

.timepicker-picker .btn.btn-primary {
  color: black;
}

.colorSelected {
  color: white !important;
}

.walkthrough-element.walkthrough-text {
  width: 100% !important;
}

pre {
  background-color: initial !important;
  border: initial !important;
}

a:hover {
  text-decoration: none;
}

.bulkupload md-tabs-wrapper md-icon {
  color: black !important;
}

.mobileRadio {
  margin-bottom: 30px;
}

.mobileRadio input[type=radio].w3-radio {

  opacity: 1;
  width: 24px;
  height: 24px;
  top: 6px;
  left: 0px;
}

.mobileRadio input[type="radio"] {
  margin: 0px;
}

.mobileRadio input[type=radio]:checked+label {
  height: 20px;
  color: black;
}

.mobileRadio [type="radio"]:not(:checked)+label,
.mobileRadio [type="radio"]:checked+label {
  padding-right: 20px !important;
  height: 20px !important;
  color: #273a44 !important;
  font-size: 1em !important;
}


/*
.walkthrough-hole{

    width: 28px !important;
    height: 50px !important;
} */