@font-face {
    font-family: 'AmpleSoft-light';
    src: url('../fonts/AmpleSoft Light.otf');
}

@font-face {
    font-family: 'AmpleSoft-bold';
    src: url('../fonts/AmpleSoft Bold.otf');
}

@font-face {
    font-family: 'Monaco-regular';
    src: url('../fonts/Monaco Regular.ttf');
}

html, body {
    height: 100%;
    color: #808080 !important;
    font-family: 'AmpleSoft-light', sans-serif !important;
}

html {
    font-size: 62.5%;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1.6rem;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow:auto;
    padding-bottom:120px; /* this needs to be bigger than footer height*/
}

a[ng-click]{
    cursor: pointer;
}

div.boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
}

.form-control{
    border-top: 1px solid rgba(247, 114, 30, 0.3) !important;
    border-right: 1px solid rgba(247, 114, 30, 0.3) !important;
    border-bottom: 1px solid rgba(247, 114, 30, 0.3) !important;
    border-left: 1px solid rgba(247, 114, 30, 0.3) !important;
    border-radius: 2px !important;
}

label {
    color: #959EA8;
    font-weight: lighter !important;
}

.nav .active{
    background-color: #3C3C3D !important;
    background-color: transparent !important;
}

.btn:hover{
    color:#fff !important;
    background-color: #808080 !important;
}

.btn-primary{
    color:#fff !important;
    background-color: #F7721E !important;
    border: 1px solid transparent !important;
}

.btn.btn-primary:disabled{
    background-color: #F7721E;
}

.btn-primary:hover{
    color:#fff !important;
    /*background-color: #808080 !important;*/
    background-color: #FFF !important;
    color: rgb(247, 114, 30) !important;
    border: 1px solid rgb(247, 114, 30) !important;
    -webkit-box-shadow:inset 0px 0px 0px 1px rgb(247, 114, 30);
    -moz-box-shadow:inset 0px 0px 0px 1px rgb(247, 114, 30);
    box-shadow:inset 0px 0px 0px 1px rgb(247, 114, 30);
}

.margin-bottom {
    margin-bottom:15px;}


/*REGISTRATION*/
.focus-cc:hover,
.focus-cc:focus{
    background-color: #808080 !important;
    border-color: #808080 !important;
}

/*.nav-cc,
.nav-cc:hover,
.nav-cc:focus {
 
}*/

.active-cc,
.active-cc:hover,
.active-cc:focus {
    color: #808080 !important;
    background-color: #999999 !important;
    border-color: #999999 !important;
}

.white-cc,
.white-cc:hover,
.white-cc:focus  {
    color: #FFF !important;
}

.gray-cc,
.gray-cc:hover,
.gray-cc:focus  {
    color: #808080 !important;
}

/*PRICING*/
.active-cc2,
.active-cc2:hover,
.active-cc2:focus {
    color: #FFFFFF !important;
    background-color: #808080 !important;
    border-color:#808080 !important;
}

.btn-gray {
    color: #fff;
    background-color: #808080 !important;
    border-color: #2e6da4;
    border: 1px solid transparent !important;
    background-color: #808080 !important;
    border-color: #808080 !important;
}
.btn-gray:focus,
.btn-gray.focus {
    color: #fff;
    background-color: #808080 !important;
    border-color: #122b40;
}
.btn-gray:hover {
    background-color: #FFF !important;
    color: #808080 !important;
    border: 1px solid rgb(128,128,128) !important;
    -webkit-box-shadow:inset 0px 0px 0px 1px rgb(128,128,128);
    -moz-box-shadow:inset 0px 0px 0px 1px rgb(128,128,128);
    box-shadow:inset 0px 0px 0px 1px rgb(128,128,128);
}


.btn-more {
    color: #808080;
    background-color: #FFF !important;
}
.btn-more:hover,
.btn-more:focus {
    color: #F7721E !important;
    background-color: #FFF !important;
    text-decoration: none !important;
    outline: none !important;
    /*border-radius: 0 !important;*/
    border: 1px solid rgba(128, 128, 128, 0.2) !important;
}

.no-glow{
    outline: none !important;
}

.no-boarder {
    /*    border-radius: 0 !important;
      -moz-border-radius: 0 !important;*/
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}


a.list-group-item, a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus{
    color: #808080  !important;
}

.nav-pills>li>a {
    border-radius: 0px !important;
}

.div-pricing-list:first-child{
    border-top: none;
}

.div-pricing-list:last-child{
    border-bottom-right-radius:5px !important;
    border-bottom-left-radius:5px!important;
}

.rounded-bottom {
    border-bottom-right-radius:5px !important;
    border-bottom-left-radius:5px!important;
}

a.list-group-item:hover{
    text-decoration: none;
    color: #0000;
    background-color: #FFF;
}

.nav-justified {
    border-collapse:separate;
    border-spacing : 5px 0px ;
}



/*.white-cc-with-space,
.white-cc-with-space:hover,
.white-cc-with-space:focus  {
    color: #FFF !important;
}*/

/*.gray-cc-with-space,
.gray-cc-with-space:hover,
.gray-cc-with-space:focus  {
    color: #808080 !important;
     margin-right: 25px !important;
    margin-left: 25px !important;
}*/

/*NOT USING*/
/*@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/


/*body {
    background-color: #666666;
}

.standed {
    background-color: #F7931E;
}

.standed:hover {
  background-color: #A69493;
}*/

/*body {
    color: #2d3d4f;
    background-color: #1bbc9d;

}*/

/*.list-group-item:first-child{
    border-top-right-radius:0px !important;
    border-top-left-radius:0px !important;
}
.list-group-item:last-child{
    margin-bottom:4 !important;;
    border-bottom-right-radius:4px !important;
    border-bottom-left-radius:4px!important;
}*/

/*.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #FFF !important;
}*/
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#ticket-details-table{
    font-size: 13px;
    background-color: #fde7d5;
    width: 100%;
}
#ticket-counts-table{
    font-size: 15px;
    width: 100%;
}
#ticket-counts-table td{
    padding: 5px;
}
#ticket-details-table td{
    padding: 5px;
}

#modalRequest .modal-content{
	width: 600px;
	padding: 20px;
}