body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: ghostwhite;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-fixed-top {
    z-index: 999 !important;
}

.topbar {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
    background-repeat: repeat-x;
    background-position: 0 0;
    /*background-image: url(http://modhotel.com/images/myBackground.jpg);*/
    background-color: #E3EAEF;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
    resize: none;
}*/


.row {
    margin-bottom: 5px !important;
}

/*input, select, textarea {
    max-width: 100% !important;
    resize: none;
}*/

img {
    max-width: 100%;
    height: auto;
}

.toUpperCase {
    text-transform: uppercase;
}

.smaller {
    font-size: 75%;
}

.smallest {
    font-size: 60%;
}

.padding-horizontal-xs {
    padding-left: 0;
    padding-right: 0;
}

.padding-horizontal-sm {
    padding-left: 3px;
    padding-right: 3px;
}

.aWithImage, .aWithImage:hover, .aWithImage:focus {
    padding: 5%;
    background: transparent;
    border: none;
    color: inherit;
    text-decoration: none;
    border: none;
}
    .aWithImage > i {
        vertical-align: middle;
    }

/*.button{
  width: 120px;
  height: 24px;
  padding: 5px 16px 3px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
    border-radius:16px;
  border: 2px solid #ccc;
  position: relative;*/

/* Label */
/*font-family: Lucida Sans, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden;
}*/

.pagination > .paginate_button > a {
    background-image: -webkit-gradient(linear, 0 0, 0 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9))) !important;
    -ms-text-shadow: #0a0a0a 1px 2px 2px !important;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px !important;
    text-shadow: #0a0a0a 1px 2px 2px !important;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px !important;
}

.pagination > .previous > a, .pagination > .next > a {
    background-image: -webkit-gradient(linear, 0 0, 0 90%, from(#e6e6fa), to(#ffffff)) !important;
    -ms-text-shadow: #0a0a0a 1px 2px 2px !important;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px !important;
    text-shadow: #0a0a0a 1px 2px 2px !important;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px !important;
    color: #555;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0 !important;
    right: 0 !important;
    display: none !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 8px !important;
}

.ellips {
    -ms-border-radius: 16px !important;
    border-radius: 16px !important;
}

.aqua {
    border: 2px solid #ccc;
    background-color: #3c84c6;
    background-color: rgba(60, 132, 198, 0.8); /*#3c84c6 51%*/
    background-image: -webkit-gradient(linear, 0 0, 0 90%, from(rgba(108, 191, 255, .9)), to(rgba(28, 91, 155, 0.8))); /*#1c5b9b 36%*/ /*#6cbfff 71%*/
    border-top-color: rgb(139, 162, 193); /*#8ba2c1;*/ /*65%*/
    border-right-color: rgb(88, 144, 191); /*#5890bf;*/ /*55%*/
    border-bottom-color: rgb(79, 147, 202); /*#4f93ca;*/ /*55%*/
    border-left-color: rgb(118, 143, 165); /*#768fa5;*/
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.aqua-hover:hover, .aqua-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.blueSoft {
    border: 2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84d4f4+0,003254+100&0.9+0,0.8+100 */
    background: -moz-linear-gradient(top, rgba(132,212,244,0.9) 0, rgba(0,50,84,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(132,212,244,0.9) 0,rgba(0,50,84,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(132,212,244,0.9) 0,rgba(0,50,84,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e684d4f4', endColorstr='#cc003254',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e684d4f4', endColorstr='#cc003254',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e684d4f4', endColorstr='#cc003254',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e684d4f4', endColorstr='#cc003254',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blueSoft-hover:hover, .blueSoft-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.dark {
    /*border: 2px solid #e68b8b;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b8b8b+0,080808+100&0.9+0,0.8+100 */
    background: -moz-linear-gradient(top, rgba(139,139,139,0.9) 0, rgba(8,8,8,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(139,139,139,0.9) 0,rgba(8,8,8,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(139,139,139,0.9) 0,rgba(8,8,8,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68b8b8b', endColorstr='#cc080808',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68b8b8b', endColorstr='#cc080808',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68b8b8b', endColorstr='#cc080808',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68b8b8b', endColorstr='#cc080808',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #000000 1px 2px 2px;
    -ms-text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
    text-shadow: #000000 1px 2px 2px;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dark-hover:hover, .dark-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.darkReverse {
    border: 2px solid #ccc;
    background-image: -webkit-gradient(linear, 0 0, 0 90%, from(rgba(8, 8, 8, 0.8)), to(rgba(139, 139, 139, .9))); /*#1c5b9b 36%*/ /*#6cbfff 71%*/
    border-top-color: rgb(139, 139, 139);
    border-left-color: rgb(118, 118, 118);
    border-right-color: rgb(88, 88, 88);
    border-bottom-color: rgb(79, 79, 79);
    background-color: #3c3c3c;
    background-color: rgba(60, 60, 60, 0.8);
    color: #fff;
    -ms-text-shadow: #000000 1px 2px 2px;
    -ms-text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
    text-shadow: #000000 1px 2px 2px;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.darkReverse-hover:hover, .darkReverse-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.greenify {
    border: 2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1ea4f+0,005b10+100&0.9+0,0.8+100 */
    background: -moz-linear-gradient(top, rgba(177,234,79,0.9) 0, rgba(0,91,16,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(177,234,79,0.9) 0,rgba(0,91,16,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(177,234,79,0.9) 0,rgba(0,91,16,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b1ea4f', endColorstr='#cc005b10',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b1ea4f', endColorstr='#cc005b10',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b1ea4f', endColorstr='#cc005b10',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6b1ea4f', endColorstr='#cc005b10',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.greenify-hover:hover, .greenify-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.greenifyDark {
    border: 2px solid #ccc;
    background: rgb(180,221,180); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(180,221,180,1) 0, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(180,221,180,1) 0,rgba(131,199,131,1) 17%,rgba(82,177,82,1) 33%,rgba(0,138,0,1) 67%,rgba(0,87,0,1) 83%,rgba(0,36,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.greenifyDark-hover:hover, .greenifyDark-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.purple {
    border: 2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c384f9+0,420042+100&0.9+0,0.8+100 */
    background-color: rgb(195,132,249);
    background: -moz-linear-gradient(top, rgba(195,132,249,0.9) 0, rgba(66,0,66,0.8) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(195,132,249,0.9) 0,rgba(66,0,66,0.8) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(195,132,249,0.9) 0,rgba(66,0,66,0.8) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c384f9', endColorstr='#cc420042',GradientType=0 ) !important;
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c384f9', endColorstr='#cc420042',GradientType=0 ) !important;
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c384f9', endColorstr='#cc420042',GradientType=0 ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c384f9', endColorstr='#cc420042',GradientType=0 ) !important; /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.purple-hover:hover, .purple-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.yellow {
    border: 2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f98b+0,494700+100&0.9+0,0.8+100 */
    background-color: rgb(249,249,139);
    background: -moz-linear-gradient(top, rgba(249,249,139,0.9) 0, rgba(73,71,0,0.8) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,249,139,0.9) 0,rgba(73,71,0,0.8) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,249,139,0.9) 0,rgba(73,71,0,0.8) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f9f98b', endColorstr='#cc494700',GradientType=0 ) !important;
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f9f98b', endColorstr='#cc494700',GradientType=0 ) !important;
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f9f98b', endColorstr='#cc494700',GradientType=0 ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f9f98b', endColorstr='#cc494700',GradientType=0 ) !important; /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.yellow-hover:hover, .yellow-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.redify {
    border: 2px solid #ccc;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f95145+0,8f0222+100,6d0019+100 */
    background: rgb(249,81,69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,81,69,1) 0, rgba(143,2,34,1) 100%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,81,69,1) 0,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,81,69,1) 0,rgba(143,2,34,1) 100%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95145', endColorstr='#6d0019',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95145', endColorstr='#6d0019',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95145', endColorstr='#6d0019',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95145', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    /*white-space: nowrap;*/
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.redify-hover:hover, .redify-hover:focus {
    border-color: #eee #eee #ddd !important;
    color: #ffffff !important;
    cursor: pointer;
}

.glare {
    position: absolute;
    top: 0;
    left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    height: 1px;
    width: 100%;
    padding: 8px 0;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.25);
    background-image: -webkit-gradient(linear, 0 0, 0 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.shadow {
    -webkit-box-shadow: #424242 10px 10px 16px;
    -webkit-box-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
    -ms-box-shadow: #424242 10px 10px 16px;
    -ms-box-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
    -moz-box-shadow: #424242 10px 10px 16px;
    -moz-box-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
    box-shadow: #424242 10px 10px 16px;
    box-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
}

.shadow-text {
    -ms-text-shadow: #424242 10px 10px 16px;
    -ms-text-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
    text-shadow: #424242 10px 10px 16px;
    text-shadow: rgba(66, 66, 66, 0.5) 10px 10px 16px;
}

/*background: linear-gradient: W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient: IE6-9*/

.color0 {
    border: 2px solid #ccc;
    background-color: rgb(0,0,0) !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color1 {
    border: 2px solid #ccc;
    background-color: rgb(0,0,128) !important;
    background: -moz-linear-gradient(top, rgba(0,0,128,0.9) 0, rgba(0,0,128,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,128,0.9) 0,rgba(0,0,128,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,128,0.9) 0,rgba(0,0,128,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#000080',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color2 {
    border: 2px solid #ccc;
    background-color: rgb(0,128,0) !important;
    background: -moz-linear-gradient(top, rgba(0,128,0,0.9) 0, rgba(0,128,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,128,0,0.9) 0,rgba(0,128,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,128,0,0.9) 0,rgba(0,128,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#008080',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#008080',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#008080',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#008080',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color3 {
    border: 2px solid #ccc;
    background-color: rgb(5,111,188) !important;
    background: -moz-linear-gradient(top, rgba(5,111,188,0.9) 0, rgba(5,111,188,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(5,111,188,0.9) 0,rgba(5,111,188,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(5,111,188,0.9) 0,rgba(5,111,188,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056FBC', endColorstr='#056FBC',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056FBC', endColorstr='#056FBC',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056FBC', endColorstr='#056FBC',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056FBC', endColorstr='#056FBC',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color4 {
    border: 2px solid #ccc;
    background-color: rgb(128,0,0) !important;
    background: -moz-linear-gradient(top, rgba(128,0,0,0.9) 0, rgba(128,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(128,0,0,0.9) 0,rgba(128,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(128,0,0,0.9) 0,rgba(128,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color5 {
    border: 2px solid #ccc;
    background-color: rgb(128,0,128) !important;
    background: -moz-linear-gradient(top, rgba(128,0,128,0.9) 0, rgba(128,0,128,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(128,0,128,0.9) 0,rgba(128,0,128,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(128,0,128,0.9) 0,rgba(128,0,128,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#800080',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#800080',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#800080',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#800080',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color6 {
    border: 2px solid #ccc;
    background-color: rgb(128,128,0) !important;
    background: -moz-linear-gradient(top, rgba(128,128,0,0.9) 0, rgba(128,128,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(128,128,0,0.9) 0,rgba(128,128,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(128,128,0,0.9) 0,rgba(128,128,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808000', endColorstr='#808000',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808000', endColorstr='#808000',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808000', endColorstr='#808000',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808000', endColorstr='#808000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color7 {
    border: 2px solid #ccc;
    background-color: rgb(128,128,128) !important;
    background: -moz-linear-gradient(top, rgba(128,128,128,0.9) 0, rgba(128,128,128,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(128,128,128,0.9) 0,rgba(128,128,128,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(128,128,128,0.9) 0,rgba(128,128,128,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color8 {
    border: 2px solid #ccc;
    background-color: rgb(192,192,192) !important;
    background: -moz-linear-gradient(top, rgba(192,192,192,0.9) 0, rgba(192,192,192,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(192,192,192,0.9) 0,rgba(192,192,192,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(192,192,192,0.9) 0,rgba(192,192,192,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color9 {
    border: 2px solid #ccc;
    background-color: rgb(0,0,255) !important;
    background: -moz-linear-gradient(top, rgba(0,0,255,0.9) 0, rgba(0,0,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,255,0.9) 0,rgba(0,0,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,255,0.9) 0,rgba(0,0,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000FF', endColorstr='#0000FF',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000FF', endColorstr='#0000FF',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000FF', endColorstr='#0000FF',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000FF', endColorstr='#0000FF',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color10 {
    border: 2px solid #ccc;
    background-color: rgb(0,255,0) !important;
    background: -moz-linear-gradient(top, rgba(0,255,0,0.9) 0, rgba(0,255,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,255,0,0.9) 0,rgba(0,255,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,255,0,0.9) 0,rgba(0,255,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF00', endColorstr='#00FF00',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF00', endColorstr='#00FF00',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF00', endColorstr='#00FF00',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF00', endColorstr='#00FF00',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color11 {
    border: 2px solid #ccc;
    background-color: rgb(0,255,255);
    background: -moz-linear-gradient(top, rgba(0,255,255,0.9) 0, rgba(0,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,255,255,0.9) 0,rgba(0,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,255,255,0.9) 0,rgba(0,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFF', endColorstr='#00FFFF',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFF', endColorstr='#00FFFF',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFF', endColorstr='#00FFFF',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFF', endColorstr='#00FFFF',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color12 {
    border: 2px solid #ccc;
    background-color: rgb(255,0,0) !important;
    background: -moz-linear-gradient(top, rgba(255,0,0,0.9) 0, rgba(255,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,0,0,0.9) 0,rgba(255,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,0,0,0.9) 0,rgba(255,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FF0000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color13 {
    border: 2px solid #ccc;
    background-color: rgb(255,0,255) !important;
    background: -moz-linear-gradient(top, rgba(255,0,255,0.9) 0, rgba(255,0,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,0,255,0.9) 0,rgba(255,0,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,0,255,0.9) 0,rgba(255,0,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00FF', endColorstr='#FF00FF',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00FF', endColorstr='#FF00FF',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00FF', endColorstr='#FF00FF',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF00FF', endColorstr='#FF00FF',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color14 {
    border: 2px solid #ccc;
    background-color: rgb(255,255,0) !important;
    background: -moz-linear-gradient(top, rgba(255,255,0,0.9) 0, rgba(255,255,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,0,0.9) 0,rgba(255,255,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,0,0.9) 0,rgba(255,255,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFFF00',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFFF00',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFFF00',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFFF00',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color15 {
    border: 2px solid #ccc;
    background-color: rgb(255,255,255) !important;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color22 {
    border: 2px solid #ccc;
    background-color: rgb(255,209,187) !important;
    background: -moz-linear-gradient(top, rgba(255,209,187,0.9) 0, rgba(255,209,187,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,209,187,0.9) 0,rgba(255,209,187,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,209,187,0.9) 0,rgba(255,209,187,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD1BB', endColorstr='#FFD1BB',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD1BB', endColorstr='#FFD1BB',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD1BB', endColorstr='#FFD1BB',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD1BB', endColorstr='#FFD1BB',GradientType=0 ); /* IE6-9 */
    color: #fff;
    -ms-text-shadow: #0a0a0a 1px 2px 2px;
    -ms-text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    text-shadow: #0a0a0a 1px 2px 2px;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
    vertical-align: middle;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:focus {
    text-decoration: underline !important;
    color: #ffffff !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 30px;
    }

    .left-inner-addon i {
        position: absolute;
        padding: 10px 12px;
        pointer-events: none;
    }


.blockOverlay {
    -ms-opacity: 0.8 !important;
    opacity: 0.8 !important;
}

/*----------------------
                       2 ) Preloader Styles
                      ----------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a1b23;
    z-index: 10000;
}

.loader {
    position: absolute;
    width: 42px;
    height: 42px;
    -webkit-animation: preloader_6 5s infinite linear;
    -moz-animation: preloader_6 5s infinite linear;
    -ms-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

    .loader span {
        width: 20px;
        height: 20px;
        position: absolute;
        background: red;
        display: block;
        -webkit-animation: preloader_6_span 1s infinite linear;
        -moz-animation: preloader_6_span 1s infinite linear;
        -ms-animation: preloader_6_span 1s infinite linear;
        -o-animation: preloader_6_span 1s infinite linear;
        animation: preloader_6_span 1s infinite linear;
    }

        .loader span:nth-child(1) {
            background: #2ecc71;
        }

        .loader span:nth-child(2) {
            left: 22px;
            background: #9b59b6;
            -webkit-animation-delay: .2s;
            -moz-animation-delay: .2s;
            -ms-animation-delay: .2s;
            -o-animation-delay: .2s;
            animation-delay: .2s;
        }

        .loader span:nth-child(3) {
            top: 22px;
            background: #3498db;
            -webkit-animation-delay: .4s;
            -moz-animation-delay: .4s;
            -ms-animation-delay: .4s;
            -o-animation-delay: .4s;
            animation-delay: .4s;
        }

        .loader span:nth-child(4) {
            top: 22px;
            left: 22px;
            background: #f1c40f;
            -webkit-animation-delay: .6s;
            -moz-animation-delay: .6s;
            -ms-animation-delay: .6s;
            -o-animation-delay: .6s;
            animation-delay: .6s;
        }

@keyframes preloader_6_span {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.mask {
    width: 100%;
    height: 100%;
    -ms-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    background: rgba(0, 0, 0, 0.48);
}

/*.navbar-collapse {
    max-height: 100% !important;
    height: 100vh !important;
}*/

@media (max-width: 950px) {
    .navbar-header {
        float: none !important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
        max-height: 100% !important;
    height: 100vh !important;
    }
    .navbar-fixed-top {
        top: 0 !important;
        border-width: 0 0 1px !important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px !important;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .collapse.in{
        display:block !important;
    }
}