.btn-teal {
	background-color: #569099;
	border-color: #4d8189;
	color: #ffffff;
}
.btn-teal:hover, .btn-teal:focus, .btn-teal:active, .btn-teal.active {
	background-color: #4d8189;
	border-color: #447178;
	color: #ffffff;
}
.btn-teal.disabled:hover, .btn-teal.disabled:focus, .btn-teal.disabled:active, .btn-teal.disabled.active, .btn-teal[disabled]:hover, .btn-teal[disabled]:focus, .btn-teal[disabled]:active, .btn-teal[disabled].active, fieldset[disabled] .btn-teal:hover, fieldset[disabled] .btn-teal:focus, fieldset[disabled] .btn-teal:active, fieldset[disabled] .btn-teal.active {
	background-color: #569099;
	border-color: #569099;
	color: #ffffff;
}

.btn-beige {
	background-color: #cc9;
	border-color: #c4c488;
	color: #ffffff;
}
.btn-beige:hover, .btn-beige:focus, .btn-beige:active, .btn-beige.active {
	background-color: #c4c488;
	border-color: #bbbb77;
	color: #ffffff;
}
.btn-beige.disabled:hover, .btn-beige.disabled:focus, .btn-beige.disabled:active, .btn-beige.disabled.active, .btn-beige[disabled]:hover, .btn-beige[disabled]:focus, .btn-beige[disabled]:active, .btn-beige[disabled].active, fieldset[disabled] .btn-beige:hover, fieldset[disabled] .btn-beige:focus, fieldset[disabled] .btn-beige:active, fieldset[disabled] .btn-beige.active {
	background-color: #cc9;
	border-color: #cc9;
	color: #ffffff;
}
.btn-dark-beige {
	background-color: #afaa6d;
	border-color: #a6a05d;
	color: #ffffff;
}
.btn-dark-beige:hover, .btn-dark-beige:focus, .btn-dark-beige:active, .btn-dark-beige.active {
	background-color: #a6a05d;
	border-color: #979152;
	color: #ffffff;
}
.btn-dark-beige.disabled:hover, .btn-dark-beige.disabled:focus, .btn-dark-beige.disabled:active, .btn-dark-beige.disabled.active, .btn-dark-beige[disabled]:hover, .btn-dark-beige[disabled]:focus, .btn-dark-beige[disabled]:active, .btn-dark-beige[disabled].active, fieldset[disabled] .btn-dark-beige:hover, fieldset[disabled] .btn-dark-beige:focus, fieldset[disabled] .btn-dark-beige:active, fieldset[disabled] .btn-dark-beige.active {
	background-color: #afaa6d;
	border-color: #afaa6d;
	color: #ffffff;
}
.btn-orange {
	background-color: #e6674a;
	border-color: #e35434;
	color: #ffffff;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
	background-color: #e35434;
	border-color: #de421f;
	color: #ffffff;
}
.btn-orange.disabled:hover, .btn-orange.disabled:focus, .btn-orange.disabled:active, .btn-orange.disabled.active, .btn-orange[disabled]:hover, .btn-orange[disabled]:focus, .btn-orange[disabled]:active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange:hover, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange.active {
	background-color: #e6674a;
	border-color: #e6674a;
	color: #ffffff;
}
.btn-purple {
	background-color: #57517b;
	border-color: #413d5c;
	color: #ffffff;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {
	background-color: #4c476c;
	border-color: #413d5c;
	color: #ffffff;
}
.btn-purple.disabled:hover, .btn-purple.disabled:focus, .btn-purple.disabled:active, .btn-purple.disabled.active, .btn-purple[disabled]:hover, .btn-purple[disabled]:focus, .btn-purple[disabled]:active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple:hover, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple.active {
	background-color: #57517b;
	border-color: #333;
	color: #ffffff;
}

.btn-dark-grey {
	background-color: #333;
	border-color: #333;
	color: #ffffff;
}
.btn-dark-grey:hover, .btn-dark-grey:focus, .btn-dark-grey:active, .btn-dark-grey.active {
	background-color: #262626;
	border-color: #1a1a1a;
	color: #ffffff;
}
.btn-dark-grey.disabled:hover, .btn-dark-grey.disabled:focus, .btn-dark-grey.disabled:active, .btn-dark-grey.disabled.active, .btn-dark-grey[disabled]:hover, .btn-dark-grey[disabled]:focus, .btn-dark-grey[disabled]:active, .btn-dark-grey[disabled].active, fieldset[disabled] .btn-dark-grey:hover, fieldset[disabled] .btn-dark-grey:focus, fieldset[disabled] .btn-dark-grey:active, fieldset[disabled] .btn-dark-grey.active {
	background-color: #333;
	border-color: #333;
	color: #ffffff;
}
.btn-med-grey {
	background-color: #666;
	border-color: #595959;
	color: #ffffff;
}
.btn-med-grey:hover, .btn-med-grey:focus, .btn-med-grey:active, .btn-med-grey.active {
	background-color: #595959;
	border-color: #4d4d4d;
	color: #ffffff;
}
.btn-med-grey.disabled:hover, .btn-med-grey.disabled:focus, .btn-med-grey.disabled:active, .btn-med-grey.disabled.active, .btn-med-grey[disabled]:hover, .btn-med-grey[disabled]:focus, .btn-med-grey[disabled]:active, .btn-med-grey[disabled].active, fieldset[disabled] .btn-med-grey:hover, fieldset[disabled] .btn-med-grey:focus, fieldset[disabled] .btn-med-grey:active, fieldset[disabled] .btn-med-grey.active {
	background-color: #666;
	border-color: #666;
	color: #ffffff;
}
.btn-light-grey {
	background-color: #999;
	border-color: #8c8c8c;
	color: #ffffff;
}
.btn-light-grey:hover, .btn-light-grey:focus, .btn-light-grey:active, .btn-light-grey.active {
	background-color: #8c8c8c;
	border-color: #808080;
	color: #ffffff;
}
.btn-light-grey.disabled:hover, .btn-light-grey.disabled:focus, .btn-light-grey.disabled:active, .btn-light-grey.disabled.active, .btn-light-grey[disabled]:hover, .btn-light-grey[disabled]:focus, .btn-light-grey[disabled]:active, .btn-light-grey[disabled].active, fieldset[disabled] .btn-light-grey:hover, fieldset[disabled] .btn-light-grey:focus, fieldset[disabled] .btn-light-grey:active, fieldset[disabled] .btn-light-grey.active {
	background-color: #999;
	border-color: #999;
	color: #ffffff;
}
.btn-bricky {
	background-color: #C83A2A;
	border-color: #b33426;
	color: #ffffff;
}
.btn-bricky:hover, .btn-bricky:focus, .btn-bricky:active, .btn-bricky.active {
	background-color: #b33426;
	border-color: #9e2e21;
	color: #ffffff;
}
.btn-bricky.disabled:hover, .btn-bricky.disabled:focus, .btn-bricky.disabled:active, .btn-bricky.disabled.active, .btn-bricky[disabled]:hover, .btn-bricky[disabled]:focus, .btn-bricky[disabled]:active, .btn-bricky[disabled].active, fieldset[disabled] .btn-bricky:hover, fieldset[disabled] .btn-bricky:focus, fieldset[disabled] .btn-bricky:active, fieldset[disabled] .btn-bricky.active {
	background-color: #C83A2A;
	border-color: #C83A2A;
	color: #ffffff;
}
.btn-green {
	background-color: #3D9400;
	border-color: #327b00;
	color: #ffffff;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
	background-color: #327b00;
	border-color: #286100;
	color: #ffffff;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
	background-color: #3D9400;
	border-color: #3D9400;
	color: #ffffff;
}
.btn-blue {
	background-color: #364F6A;
	border-color: #2d4259;
	color: #ffffff;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
	background-color: #2d4259;
	border-color: #253648;
	color: #ffffff;
}
.btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled:active, .btn-blue.disabled.active, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled]:active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue.active {
	background-color: #364F6A;
	border-color: #364F6A;
	color: #ffffff;
}

.btn-yellow {
	background-color: #FFB848;
	border-color: #ffae2f;
	color: #ffffff;
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
	background-color: #ffae2f;
	border-color: #ffa415;
	color: #ffffff;
}
.btn-yellow.disabled:hover, .btn-yellow.disabled:focus, .btn-yellow.disabled:active, .btn-yellow.disabled.active, .btn-yellow[disabled]:hover, .btn-yellow[disabled]:focus, .btn-yellow[disabled]:active, .btn-yellow[disabled].active, fieldset[disabled] .btn-yellow:hover, fieldset[disabled] .btn-yellow:focus, fieldset[disabled] .btn-yellow:active, fieldset[disabled] .btn-yellow.active {
	background-color: #FFB848;
	border-color: #FFB848;
	color: #ffffff;
}
.btn-red {
	background-color: #E02222;
	border-color: #cc1d1d;
	color: #ffffff;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active {
	background-color: #cc1d1d;
	border-color: #b61919;
	color: #ffffff;
}
.btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active {
	background-color: #E02222;
	border-color: #E02222;
	color: #ffffff;
}
.btn-teal .caret, .btn-beige .caret, .btn-dark-beige .caret, .btn-orange .caret, .btn-purple .caret, .btn-dark-grey .caret, .btn-med-grey .caret, .btn-light-grey .caret, .btn-bricky .caret, .btn-green .caret, .btn-blue .caret, .btn-yellow .caret, .btn-red .caret {
	border-top-color: #ffffff;
}
.dropup .btn-teal .caret, .dropup .btn-beige .caret, .dropup .btn-dark-beige .caret, .dropup .btn-orange .caret, .dropup .btn-purple .caret, .dropup .btn-dark-grey .caret, .dropup .btn-med-grey .caret, .dropup .btn-light-grey .caret, .dropup .btn-bricky .caret, .dropup .btn-green .caret, .dropup .btn-blue .caret, .dropup .btn-yellow .caret, .dropup .btn-red .caret {
	border-bottom: 4px solid #FFFFFF;
}
.btn-squared {
	border-radius: 0 !important;
}

        ol.rounded-list{
        counter-reset: li; /* 创建一个计数器 */
        list-style: none; /* 清除列表默认的编码*/
        *list-style: decimal; /* 让IE6/7具有默认的编码 */
        font: 15px 'trebuchet MS', 'lucida sans';
        padding: 0;
        margin-bottom: 4em;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
      }

      ol.rounded-list ol{
        margin: 0 0 0 2em; /* 给二级列表增加一定的左边距*/
      }
/*rounded shaped numbers*/
    .rounded-list .rounded-item{
      position: relative;
      display: block;
      padding: 0.4em 0.4em 0.4em 2em;
      *padding: 0.4em;/*for ie6/7*/
      margin: 0.5em 0;
      background: #ddd;
      color: #444;
      text-decoration: none;
      /*CSS3属性*/
      border-radius: 0.3em;/*制作圆角*/
      /* transition动画效果*/
      -moz-transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
          height: 3em;
    line-height: 2em;
    }
    .rounded-list .rounded-item:hover {
      background: #eee;
    }
    /*.rounded-list a:hover::before {
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
    }*/
    .rounded-list .rounded-item .couter {
      
      content: counter(li);
      counter-increment: li;
      
      position: absolute;
      left: -1.3em;
      top: 50%;
      margin-top: -1.5em;
      background: #87ceeb;
      height: 3em;
      width: 3em;
      line-height: 2.5em;
      border: 0.3em solid #fff;
      text-align: center;
      font-weight: bold;
      border-radius: 2em;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    // .rounded-item-detail{
    // 	display: none;
    // }
p{
	margin-bottom: 0px!important;
}
.modal-dialog-full{
	width: 95%;
}

.fileinput-button{
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    /*background-color: red;*/
    overflow: hidden;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
.bg-thesimplevn-light{
	background-color: #ef4c95!important;
	// background-color: #ee398a;
}
.btn-thesimplevn-checkout{
	border: #fff 1px solid!important;
}
.label-weddingcard-priority{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: right;
	padding-right: 30px;
}
.btn-thesimplevn {
  color: #ffffff;
  background-color: #ef4c95;
  border-color: #a62760;
}
.btn-thesimplevn:hover,
.btn-thesimplevn:focus,
.btn-thesimplevn.focus,
.btn-thesimplevn:active,
.btn-thesimplevn.active,
.open > .dropdown-toggle.btn-thesimplevn {
  color: #ffffff;
  background-color: #ee398a;
  border-color: #8e2252;
}
.btn-thesimplevn:active,
.btn-thesimplevn.active,
.open > .dropdown-toggle.btn-thesimplevn {
  background-color: #d6337c;
  border-color: #5f1637;
}
.btn-thesimplevn.disabled,
.btn-thesimplevn[disabled],
fieldset[disabled] .btn-thesimplevn,
.btn-thesimplevn.disabled:hover,
.btn-thesimplevn[disabled]:hover,
fieldset[disabled] .btn-thesimplevn:hover,
.btn-thesimplevn.disabled:focus,
.btn-thesimplevn[disabled]:focus,
fieldset[disabled] .btn-thesimplevn:focus,
.btn-thesimplevn.disabled.focus,
.btn-thesimplevn[disabled].focus,
fieldset[disabled] .btn-thesimplevn.focus,
.btn-thesimplevn.disabled:active,
.btn-thesimplevn[disabled]:active,
fieldset[disabled] .btn-thesimplevn:active,
.btn-thesimplevn.disabled.active,
.btn-thesimplevn[disabled].active,
fieldset[disabled] .btn-thesimplevn.active {
  background-color: #ef4c95;
  border-color: #a62760;
}
.btn-thesimplevn .badge {
  color: #ef4c95;
  background-color: #ffffff;
}

.switch-thesimplevn input:checked + span {
  background-color: #ef4c95;
}

.form-material.form-material-thesimplevn > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #ef4c95;
  box-shadow: 0 2px 0 #ef4c95;
}
.form-material.form-material-thesimplevn > .form-control:focus + label {
  color: #ef4c95;
}
.form-material.form-material-thesimplevn > .form-control:focus ~ .input-group-addon {
  color: #ef4c95;
  -webkit-box-shadow: 0 2px 0 #ef4c95;
  box-shadow: 0 2px 0 #ef4c95;
}

.weddingcard-image .row{
	margin: 0;
}

.weddingcard-image .row .col-xs-1, .weddingcard-image .row .col-sm-1, .weddingcard-image .row .col-md-1, .weddingcard-image .row .col-lg-1, .weddingcard-image .row .col-xs-2, 
.weddingcard-image .row .col-sm-2, .weddingcard-image .row .col-md-2, .weddingcard-image .row .col-lg-2, .weddingcard-image .row .col-xs-3, .weddingcard-image .row .col-sm-3, 
.weddingcard-image .row .col-md-3, .weddingcard-image .row .col-lg-3, .weddingcard-image .row .col-xs-4, .weddingcard-image .row .col-sm-4, .weddingcard-image .row .col-md-4, 
.weddingcard-image .row .col-lg-4, .weddingcard-image .row .col-xs-5, .weddingcard-image .row .col-sm-5, .weddingcard-image .row .col-md-5, .weddingcard-image .row .col-lg-5, 
.weddingcard-image .row .col-xs-6, .weddingcard-image .row .col-sm-6, .weddingcard-image .row .col-md-6, .weddingcard-image .row .col-lg-6, .weddingcard-image .row .col-xs-7, 
.weddingcard-image .row .col-sm-7, .weddingcard-image .row .col-md-7, .weddingcard-image .row .col-lg-7, .weddingcard-image .row .col-xs-8, .weddingcard-image .row .col-sm-8, 
.weddingcard-image .row .col-md-8, .weddingcard-image .row .col-lg-8, .weddingcard-image .row .col-xs-9, .weddingcard-image .row .col-sm-9, .weddingcard-image .row .col-md-9, 
.weddingcard-image .row .col-lg-9, .weddingcard-image .row .col-xs-10, .weddingcard-image .row .col-sm-10, .weddingcard-image .row .col-md-10, .weddingcard-image .row .col-lg-10, 
.weddingcard-image .row .col-xs-11, .weddingcard-image .row .col-sm-11, .weddingcard-image .row .col-md-11, .weddingcard-image .row .col-lg-11, 
.weddingcard-image .row .col-xs-12, .weddingcard-image .row .col-sm-12, .weddingcard-image .row .col-md-12, .weddingcard-image .row .col-lg-12{
	padding: 0;
}
.weddingcard-image .thumbnail{
	border: none;
    border-radius: 0;
    padding: 1px;
    margin: 0px;
}
.list-timeline-username{
	left: 95px!important;
}
.btn-white{
	background: #fff!important;
    color: #ef4c95!important;
    opacity: 1!important;
}

#loading-bar .bar{
	z-index: 140690!important;
}
#loading-bar-spinner {
  z-index: 140690!important;
}
#loading-view{
  background-color: rgba(0,0,0,0.5)!important;
  z-index: 106000;
  position: fixed;
  bottom: 0;
}

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

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

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

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

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}


@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading-container,
.loading {
    height: 106px;
    position: relative;
    width: 106px;
    border-radius: 100%;
}

.loading-container { margin: 40px auto; }

.loading {
    /*border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;*/
  background-image: url(../images/loadingImage.png);
    -moz-animation: rotate-loading 2.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 2.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 2.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 2.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 106px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}
.radio-buttons {
    // margin:4px;
   
    // float:left;
}

.radio-buttons label {
    // float:left;
    // width:170px;
    // margin:4px 4px;
    // background-color:#EFEFEF;
    // border-radius:4px;
    // border:1px solid #D0D0D0;
    overflow:hidden;
    position: relative;
       
}

.radio-buttons label span {
    // text-align:center;
    // font-size: 32px;
    // padding:13px 0px;
    // display:block;
}

.radio-buttons label input {
    position:absolute;
    top:-200000px;
}

.radio-buttons input:checked + span {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}
.radio-buttons + .radio-buttons{
  margin-left: 10px;
}
.bg-warning{
  /*background-color:#F90!important;*/
  background-color: #f0ad4e!important;
  border-color: #eea236!important;
  color: #fff;
}
.bg-primary {
  background-color: #428bca!important;
  border-color: #357ebd!important;
}
.bg-success {
  background-color: #5cb85c!important;
  border-color: #4cae4c!important;
  
}
.bg-success .caption{
  color: #fff!important;
}
.bg-danger{
    background: #f00!important;
    color: #fff;
}
.bg-pink{
  background: #ee398a!important;
  color: #fff;
}
.bg-green{
  background: #327b00!important;
  color: #fff;
}
.bg-purple{
  background: #57517b!important;
  color: #fff;
}
.bg-dark-beige{
  background: #a6a05d!important;
  color: #fff;
}

.thumbnail-square{
    display: block;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
}
.thumbnail-square img{
  width: 100%;
}

.block-flat > .nav-tabs.nav-tabs-alt > li > a:hover,
.block-flat > .nav-tabs.nav-tabs-alt > li.active > a,
.block-flat > .nav-tabs.nav-tabs-alt > li.active > a:hover,
.block-flat > .nav-tabs.nav-tabs-alt > li.active > a:focus {
  -webkit-box-shadow: 0 4px #44b4a6;
  box-shadow: 0 4px #44b4a6;
    color: #44b4a6;
}
.block-flat > .nav-tabs.nav-tabs-alt{
    border-bottom: none;
    
}
.block-flat > .nav-tabs.nav-tabs-alt a{
    color: #BBBBBC;
}

.css-checkbox-flat input:checked + span {
  background-color: #44b4a6;
  border-color: #44b4a6;
}
.css-radio-flat input:checked + span:after {
  background-color: #44b4a6;
}

.btn-flat {
    color: #ffffff;
    background-color: #44b4a6;
    border-color: #369084;
}

.btn-flat:active, 
.btn-flat.active, 
.open > .dropdown-toggle.btn-flat {
    background-color: #369084;
    border-color: #369084;
}
.btn-flat:hover, 
.btn-flat:focus, 
.btn-flat.focus, 
.btn-flat:active, 
.btn-flat.active, .open > 
.dropdown-toggle.btn-flat {
    color: #ffffff;
    background-color: #369084;
    border-color: #369084;
}
.btn-zalo {
    color: #ffffff;
    background-color: #0ca8e2;
    border-color: #0b96ca;
}
.btn-zalo:hover,
.btn-zalo:focus,
.btn-zalo.focus,
.btn-zalo:active,
.btn-zalo.active,
.open > .dropdown-toggle.btn-zalo {
  color: #ffffff;
  background-color: #0b96ca;
  border-color: #0b96ca;
}
.account-ctrl .input-group-addon,
.oauth-ctrl .input-group-addon{
    color: #BBBBBC;
}

.img-avatar42{
	width: 42px;
  	height: 42px;
}

#main-container{
	
	background-color: #e4e4e4;
}

.account-ctrl .block-header{
	background-color: #f6f3f5;
}

.block-receiver .block-header{
	background-color: #f6f3f5!important;    
	padding-bottom: 0;
}

.block-receiver .block-options button{
	color: #44b4a6!important; 
	opacity: 1;
}
.block-receiver .block-title{
	color: #646464!important;
}
.block-receiver .block-title.text-flat {
    color: #44b4a6!important;
}
.block-receiver .block-title a{
	text-transform: none; 
	font-weight: normal;
}
.block-receiver .block-content {
	background-color: #f6f3f5!important;
	padding-top: 10px; 
	padding-bottom: 20px;
}

@media (min-width: 992px) {
	.pull-l115{
		padding-left: 115px;
	}
	.pull-r115{
		padding-right: 115px;
	}
	.oauth-row{
		margin-right: -5px; 
		margin-left: -5px;
	}
	.oauth-col{
		padding-right: 5px; 
		padding-left: 5px;
	}
	.oauth-col .oauth-block{
		padding-left: 75px; 
		padding-right: 75px;
	}
	.border-right-gray{
		border-right: 1px solid #c9c9c9; 
	}
}
.nav-main a:hover, .nav-main a:focus, 
.nav-main a.active, .nav-main a.active:hover{
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
}
.nav-flat > li > a:hover{
	color: #44b4a6!important;
}
.btn-flat {
  color: #fff;
  background-color: #44b4a6;
  border-color: #369084;
}

.btn-flat:hover,
.btn-flat:focus,
.btn-flat.focus,
.btn-flat:active,
.btn-flat.active,
.open > .dropdown-toggle.btn-flat {
  color: #fff;
  background-color: #369084;
  border-color: #369084;
}
.btn-flat:active,
.btn-flat.active,
.open > .dropdown-toggle.btn-flat {
  background-color: #369084;
  border-color: #369084;
}
/*.side-header.side-content{
	padding: 10px 10px 1px!important;
}*/
.pull-20{
	padding-bottom: 20px;
}
.colorpicker{
	z-index: 1990;
}
.img-avatar72{
	width: 72px;
  	height: 72px;
}