﻿.required:after {
    content: "*";
    font-weight: bold;
    /*color: red;*/
    /*color:lightgray*/
    /*color:#bfbfbf*/
    color:#a8a8a8

    /*font-family: 'FontAwesome';
    font-weight: normal;
    font-size: 14px;
    content: "\f069";*/
}

.remove-attachment  {
   
}
.control-label_new {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}


.color-bg {
    background: #2f4050; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top, #17b293 0%, #2f4050 70%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top, #17b293 0%, #2f4050 70%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top, #17b293 0%, #2f4050 70%); /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(to bottom, #68EACC 0%, #497BE8 100%);*/
    background: linear-gradient(to top, #17b293 0%, #2f4050 70%);  /* Standard syntax */  
}
.color-bg:before {
    width : 100%;
    height: 100%;
    background: inherit;
}
.color-bg2 { 
	
	background: #092756;
	background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top,  rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg,  #670d10 0%, #092756 100%);
	background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
	background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg,  #670d10 0%,#092756 100%);
	background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg,  #670d10 0%,#092756 100%);	
    /*background: #2f4050;
	background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top,  rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg,  #17b293 0%, #2f4050 100%);
	background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg,  #17b293 0%,#2f4050 100%);

	background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg,  #17b293 0%,#2f4050 100%);

    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg,  #17b293 0%,#2f4050 100%);
	background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom,  rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg,  #17b293 0%,#2f4050 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
}
.image-bg{      
    background: url(/images/LoginBackground.gif) no-repeat center center;
    background-size: contain; 
}
    .image-bg:before {        
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: inherit;
        z-index: -1;
        /*    filter        : blur(5px);
    -moz-filter   : blur(5px);
    -webkit-filter: blur(5px);
*/
        transition: all 2s linear;
        -moz-transition: all 2s linear;
        -webkit-transition: all 2s linear;
        -o-transition: all 2s linear;
    }
.panel {      
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);  
}
/*.image-bg .panel.panel-info{
    background-color: rgba(255, 255, 255, 0.5);opacity changed to 0.75 to 0.5 for image bg
}*/
.color-bg .panel.panel-info{
    background-color: rgba(245, 245, 245, 0);/*opacity changed to 0 for color bg*/
}
.color-bg2 .panel.panel-info{
    background-color: rgba(245, 245, 245, 0);/*opacity changed to 0 for color bg2*/
}
input[readonly].form-control { background-color: #fff; }

profile-header-container{
    margin: 0 auto;
    text-align: center;
    height: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
}

img {
    image-orientation: from-image;
}

.profile-header-img {
    padding: 27px;
}

.profile-header-img > img.img-circle {
    width: 100%;
    height: 100%;
    border: 2px solid #51D2B7;
}

.profile-header {
    margin-top: 43px;
}

/**
 * Ranking component
 */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: rgb(81, 210, 183);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}
.policytext-color-mobile { color: #f8ac59; } /*text-warning*/
.policytext-color-web { color: #888888; }/*text-muted*/

 .line-through {
            text-decoration: line-through;
        }


 .loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:50% 50% no-repeat #000;opacity:.75}

 .ribbon {
  position: absolute;
  left: 5px; top: 17px;
  z-index: 1;
  overflow: hidden;
  width: 155px; height: 155px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
 
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}


