[class^="icon-"],[class*=" icon-"] {

    background-image: url("../image/glyphicons-halflings.png");

}
.main-section{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.user-login-header,.login-image-main{
    margin-top: 15px;
}
.user-login-header h1{
    font-size: 45px;
    color:#fff;
}
.user-login-header p,.last-part p{
    color:#a7a2a2;
}
.user-login-header span{
    color:#fff;
    font-weight: 600;
}
.login-image-main{
    padding: 30px;
    background-color:#fff;
    border-radius:5px;
    box-shadow: 0 0 5px 0 #fff;
}
.user-image-section img{
    background-color: #B56162;
    padding:30px;
    height:150px;
    width:150px;
    border-radius: 50%;
}
.user-login-box,.last-part{
    padding:20px;
}
.user-login-box a,.user-login-box a:hover{
    background-color: #B56162;
    border:1px solid #B56162;
    width: 100%;
    color:#fff;
    font-weight:600;
}
.last-part a{
    text-decoration: none;
    color:#B56162;
}

.card{
    min-width: 320px; 
    margin: 2px;
    /*    margin-left:.5rem;
        min-width: 250px;*/
}
.card-title {
    font-size: 3.5rem;
    margin-bottom: 0.75rem;
    font-weight: 300;
    line-height: 1;
    text-align:center; 
}
.card-header {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-align:center; 
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer1 {
    font-size: 1.25rem;
    text-align:center;
}

.card-footer2 {
    font-size: 0.75rem;
    text-align:center;
}

.modaltxt {
    font-size: 0.75rem !important;
    text-align:center !important;
}


.bg-warning {
    background-color: #FF851B !important;

}
.bg-success {
    background-color: #28B62C !important;
}
.bg-danger {
    background-color: #FF4136 !important;
}

.clickable {
    cursor: pointer;
}



/*
 Switch
   ========================================================================== 
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #26a69a;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
  background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
  background-color: #F1F1F1;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494;
}*/







/*form div.optional label,label.optional{font-weight:400}
form div input.inputFile{width:211px}*/

form div.required fieldset legend,form div.required label,label.required{font-weight:700}

/*:valid {box-shadow:  0 0 5px green}*/
/*:-moz-submit-invalid {box-shadow:  0 0 5px pink}*/





















/*SWITCH*/

.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 80px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch-inputdel {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch-inputall {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 9px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #0088cc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-inputdel:checked ~ .switch-label {
    background: #CB3632;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-inputdel:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-inputdel:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-inputall:checked ~ .switch-label {
    background: #0088cc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-inputall:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-inputall:checked ~ .switch-label:after {
    opacity: 1;
}
.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
    left: 54px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-inputdel:checked ~ .switch-handle {
    left: 54px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-inputall:checked ~ .switch-handle {
    left: 54px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Transition
    ========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

RADIO BUTTON

<div class="radio-group">
<input type="radio" id="rdbtecate" name="site" value="tecate" onchange="ToggleOptions(this);" class="general-control" /><label for="rdbtecate" class="labelmisc">Tecate</label>
<input type="radio" id="rdbsantee" name="site" value="santee" onchange="ToggleOptions(this);" class="general-control" /><label for="rdbsantee" class="labelmisc">Santee</label>
</div>

--

input[type="radio"] {
    position: absolute;
    visibility: hidden;
    display: none;
}

.labelmisc {
    color: #9a929e;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 25px;
    margin-bottom: 0;
}

input[type="radio"]:checked + label {
    color: #ccc8ce;
    background: #8BB4BF;
}

label + input[type="radio"] + label {
    border-left: solid 0px #8BB4BF;
}

.radio-group {
    border: solid 3px #8BB4BF;
    display: inline-block;
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
}
























/*------------------------------ICONS------------------------------*/


@font-face {

    font-family: 'Glyphicons Halflings';

    src: url('../fonts/glyphicons-halflings-regular.eot');

    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');

}



.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    -webkit-font-smoothing: antialiased;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

}



.glyphicon-asterisk:before {

    content: "\2a";

}



.glyphicon-plus:before {

    content: "\2b";

}



.glyphicon-euro:before {

    content: "\20ac";

}



.glyphicon-minus:before {

    content: "\2212";

}



.glyphicon-cloud:before {

    content: "\2601";

}



.glyphicon-envelope:before {

    content: "\2709";

}



.glyphicon-pencil:before {

    content: "\270f";

}



.glyphicon-glass:before {

    content: "\e001";

}



.glyphicon-music:before {

    content: "\e002";

}



.glyphicon-search:before {

    content: "\e003";

}



.glyphicon-heart:before {

    content: "\e005";

}



.glyphicon-star:before {

    content: "\e006";

}



.glyphicon-star-empty:before {

    content: "\e007";

}



.glyphicon-user:before {

    content: "\e008";

}



.glyphicon-film:before {

    content: "\e009";

}



.glyphicon-th-large:before {

    content: "\e010";

}



.glyphicon-th:before {

    content: "\e011";

}



.glyphicon-th-list:before {

    content: "\e012";

}



.glyphicon-ok:before {

    content: "\e013";

}



.glyphicon-remove:before {

    content: "\e014";

}



.glyphicon-zoom-in:before {

    content: "\e015";

}



.glyphicon-zoom-out:before {

    content: "\e016";

}



.glyphicon-off:before {

    content: "\e017";

}



.glyphicon-signal:before {

    content: "\e018";

}



.glyphicon-cog:before {

    content: "\e019";

}



.glyphicon-trash:before {

    content: "\e020";

}



.glyphicon-home:before {

    content: "\e021";

}



.glyphicon-file:before {

    content: "\e022";

}



.glyphicon-time:before {

    content: "\e023";

}



.glyphicon-road:before {

    content: "\e024";

}



.glyphicon-download-alt:before {

    content: "\e025";

}



.glyphicon-download:before {

    content: "\e026";

}



.glyphicon-upload:before {

    content: "\e027";

}



.glyphicon-inbox:before {

    content: "\e028";

}



.glyphicon-play-circle:before {

    content: "\e029";

}



.glyphicon-repeat:before {

    content: "\e030";

}



.glyphicon-refresh:before {

    content: "\e031";

}



.glyphicon-list-alt:before {

    content: "\e032";

}



.glyphicon-flag:before {

    content: "\e034";

}



.glyphicon-headphones:before {

    content: "\e035";

}



.glyphicon-volume-off:before {

    content: "\e036";

}



.glyphicon-volume-down:before {

    content: "\e037";

}



.glyphicon-volume-up:before {

    content: "\e038";

}



.glyphicon-qrcode:before {

    content: "\e039";

}



.glyphicon-barcode:before {

    content: "\e040";

}



.glyphicon-tag:before {

    content: "\e041";

}



.glyphicon-tags:before {

    content: "\e042";

}



.glyphicon-book:before {

    content: "\e043";

}



.glyphicon-print:before {

    content: "\e045";

}



.glyphicon-font:before {

    content: "\e047";

}



.glyphicon-bold:before {

    content: "\e048";

}



.glyphicon-italic:before {

    content: "\e049";

}



.glyphicon-text-height:before {

    content: "\e050";

}



.glyphicon-text-width:before {

    content: "\e051";

}



.glyphicon-align-left:before {

    content: "\e052";

}



.glyphicon-align-center:before {

    content: "\e053";

}



.glyphicon-align-right:before {

    content: "\e054";

}



.glyphicon-align-justify:before {

    content: "\e055";

}



.glyphicon-list:before {

    content: "\e056";

}



.glyphicon-indent-left:before {

    content: "\e057";

}



.glyphicon-indent-right:before {

    content: "\e058";

}



.glyphicon-facetime-video:before {

    content: "\e059";

}



.glyphicon-picture:before {

    content: "\e060";

}



.glyphicon-map-marker:before {

    content: "\e062";

}



.glyphicon-adjust:before {

    content: "\e063";

}



.glyphicon-tint:before {

    content: "\e064";

}



.glyphicon-edit:before {

    content: "\e065";

}



.glyphicon-share:before {

    content: "\e066";

}



.glyphicon-check:before {

    content: "\e067";

}



.glyphicon-move:before {

    content: "\e068";

}



.glyphicon-step-backward:before {

    content: "\e069";

}



.glyphicon-fast-backward:before {

    content: "\e070";

}



.glyphicon-backward:before {

    content: "\e071";

}



.glyphicon-play:before {

    content: "\e072";

}



.glyphicon-pause:before {

    content: "\e073";

}



.glyphicon-stop:before {

    content: "\e074";

}



.glyphicon-forward:before {

    content: "\e075";

}



.glyphicon-fast-forward:before {

    content: "\e076";

}



.glyphicon-step-forward:before {

    content: "\e077";

}



.glyphicon-eject:before {

    content: "\e078";

}



.glyphicon-chevron-left:before {

    content: "\e079";

}



.glyphicon-chevron-right:before {

    content: "\e080";

}



.glyphicon-plus-sign:before {

    content: "\e081";

}



.glyphicon-minus-sign:before {

    content: "\e082";

}



.glyphicon-remove-sign:before {

    content: "\e083";

}



.glyphicon-ok-sign:before {

    content: "\e084";

}



.glyphicon-question-sign:before {

    content: "\e085";

}



.glyphicon-info-sign:before {

    content: "\e086";

}



.glyphicon-screenshot:before {

    content: "\e087";

}



.glyphicon-remove-circle:before {

    content: "\e088";

}



.glyphicon-ok-circle:before {

    content: "\e089";

}



.glyphicon-ban-circle:before {

    content: "\e090";

}



.glyphicon-arrow-left:before {

    content: "\e091";

}



.glyphicon-arrow-right:before {

    content: "\e092";

}



.glyphicon-arrow-up:before {

    content: "\e093";

}



.glyphicon-arrow-down:before {

    content: "\e094";

}



.glyphicon-share-alt:before {

    content: "\e095";

}



.glyphicon-resize-full:before {

    content: "\e096";

}



.glyphicon-resize-small:before {

    content: "\e097";

}



.glyphicon-exclamation-sign:before {

    content: "\e101";

}



.glyphicon-gift:before {

    content: "\e102";

}



.glyphicon-leaf:before {

    content: "\e103";

}



.glyphicon-eye-open:before {

    content: "\e105";

}



.glyphicon-eye-close:before {

    content: "\e106";

}



.glyphicon-warning-sign:before {

    content: "\e107";

}



.glyphicon-plane:before {

    content: "\e108";

}



.glyphicon-random:before {

    content: "\e110";

}



.glyphicon-comment:before {

    content: "\e111";

}



.glyphicon-magnet:before {

    content: "\e112";

}



.glyphicon-chevron-up:before {

    content: "\e113";

}



.glyphicon-chevron-down:before {

    content: "\e114";

}



.glyphicon-retweet:before {

    content: "\e115";

}



.glyphicon-shopping-cart:before {

    content: "\e116";

}



.glyphicon-folder-close:before {

    content: "\e117";

}



.glyphicon-folder-open:before {

    content: "\e118";

}



.glyphicon-resize-vertical:before {

    content: "\e119";

}



.glyphicon-resize-horizontal:before {

    content: "\e120";

}



.glyphicon-hdd:before {

    content: "\e121";

}



.glyphicon-bullhorn:before {

    content: "\e122";

}



.glyphicon-certificate:before {

    content: "\e124";

}



.glyphicon-thumbs-up:before {

    content: "\e125";

}



.glyphicon-thumbs-down:before {

    content: "\e126";

}



.glyphicon-hand-right:before {

    content: "\e127";

}



.glyphicon-hand-left:before {

    content: "\e128";

}



.glyphicon-hand-up:before {

    content: "\e129";

}



.glyphicon-hand-down:before {

    content: "\e130";

}



.glyphicon-circle-arrow-right:before {

    content: "\e131";

}



.glyphicon-circle-arrow-left:before {

    content: "\e132";

}



.glyphicon-circle-arrow-up:before {

    content: "\e133";

}



.glyphicon-circle-arrow-down:before {

    content: "\e134";

}



.glyphicon-globe:before {

    content: "\e135";

}



.glyphicon-tasks:before {

    content: "\e137";

}



.glyphicon-filter:before {

    content: "\e138";

}



.glyphicon-fullscreen:before {

    content: "\e140";

}



.glyphicon-dashboard:before {

    content: "\e141";

}



.glyphicon-heart-empty:before {

    content: "\e143";

}



.glyphicon-link:before {

    content: "\e144";

}



.glyphicon-phone:before {

    content: "\e145";

}



.glyphicon-usd:before {

    content: "\e148";

}



.glyphicon-gbp:before {

    content: "\e149";

}



.glyphicon-sort:before {

    content: "\e150";

}



.glyphicon-sort-by-alphabet:before {

    content: "\e151";

}



.glyphicon-sort-by-alphabet-alt:before {

    content: "\e152";

}



.glyphicon-sort-by-order:before {

    content: "\e153";

}



.glyphicon-sort-by-order-alt:before {

    content: "\e154";

}



.glyphicon-sort-by-attributes:before {

    content: "\e155";

}



.glyphicon-sort-by-attributes-alt:before {

    content: "\e156";

}



.glyphicon-unchecked:before {

    content: "\e157";

}



.glyphicon-expand:before {

    content: "\e158";

}



.glyphicon-collapse-down:before {

    content: "\e159";

}



.glyphicon-collapse-up:before {

    content: "\e160";

}



.glyphicon-log-in:before {

    content: "\e161";

}



.glyphicon-flash:before {

    content: "\e162";

}



.glyphicon-log-out:before {

    content: "\e163";

}



.glyphicon-new-window:before {

    content: "\e164";

}



.glyphicon-record:before {

    content: "\e165";

}



.glyphicon-save:before {

    content: "\e166";

}



.glyphicon-open:before {

    content: "\e167";

}



.glyphicon-saved:before {

    content: "\e168";

}



.glyphicon-import:before {

    content: "\e169";

}



.glyphicon-export:before {

    content: "\e170";

}



.glyphicon-send:before {

    content: "\e171";

}



.glyphicon-floppy-disk:before {

    content: "\e172";

}



.glyphicon-floppy-saved:before {

    content: "\e173";

}



.glyphicon-floppy-remove:before {

    content: "\e174";

}



.glyphicon-floppy-save:before {

    content: "\e175";

}



.glyphicon-floppy-open:before {

    content: "\e176";

}



.glyphicon-credit-card:before {

    content: "\e177";

}



.glyphicon-transfer:before {

    content: "\e178";

}



.glyphicon-cutlery:before {

    content: "\e179";

}



.glyphicon-header:before {

    content: "\e180";

}



.glyphicon-compressed:before {

    content: "\e181";

}



.glyphicon-earphone:before {

    content: "\e182";

}



.glyphicon-phone-alt:before {

    content: "\e183";

}



.glyphicon-tower:before {

    content: "\e184";

}



.glyphicon-stats:before {

    content: "\e185";

}



.glyphicon-sd-video:before {

    content: "\e186";

}



.glyphicon-hd-video:before {

    content: "\e187";

}



.glyphicon-subtitles:before {

    content: "\e188";

}



.glyphicon-sound-stereo:before {

    content: "\e189";

}



.glyphicon-sound-dolby:before {

    content: "\e190";

}



.glyphicon-sound-5-1:before {

    content: "\e191";

}



.glyphicon-sound-6-1:before {

    content: "\e192";

}



.glyphicon-sound-7-1:before {

    content: "\e193";

}



.glyphicon-copyright-mark:before {

    content: "\e194";

}



.glyphicon-registration-mark:before {

    content: "\e195";

}



.glyphicon-cloud-download:before {

    content: "\e197";

}



.glyphicon-cloud-upload:before {

    content: "\e198";

}



.glyphicon-tree-conifer:before {

    content: "\e199";

}



.glyphicon-tree-deciduous:before {

    content: "\e200";

}



.glyphicon-briefcase:before {

    content: "\1f4bc";

}



.glyphicon-calendar:before {

    content: "\1f4c5";

}



.glyphicon-pushpin:before {

    content: "\1f4cc";

}



.glyphicon-paperclip:before {

    content: "\1f4ce";

}



.glyphicon-camera:before {

    content: "\1f4f7";

}



.glyphicon-lock:before {

    content: "\1f512";

}



.glyphicon-bell:before {

    content: "\1f514";

}



.glyphicon-bookmark:before {

    content: "\1f516";

}



.glyphicon-fire:before {

    content: "\1f525";

}



.glyphicon-wrench:before {

    content: "\1f527";

}