/*
 * Documentation specific stylesheet
 */

div.message::before {
 background-color: #fff;
 border-radius: 15px;
 color: #00a759;
 content: "i";
 display: inline-block;
 font-size: 20px;
 height: 12px;
 left: -11px;
 line-height: 0;
 position: relative;
 text-align: center;
 vertical-align: middle;
 width: 12px;
 padding: 12px 14px 12px 10px;
}
div.message {
 background-color: #00a759;
 color: #fff;
 cursor: pointer;
 display: block;
 font-weight: 400;

 line-height: 2.5em;
 overflow: hidden;
 padding: 5px 25px;
 position: fixed;
 right:1.5%;
 top:57px;
 z-index: 999;
}
div.message.error {
 background-color: #C3232D;
 color: #FFF;
}
div.message.error:before {
 color: #C3232D;
 content: "x";
 padding: 11px 16px 14px 7px;
}
div.message.hidden {
 height: 0;
}

.popup-holder {
 background: rgba(0,0,0,0.75) none repeat scroll 0 0;
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 9999;
}
.curier label {
 color: #3c8dbc;
 font-weight: 600;
 width: 50%;
 float: right;
}
.curier span {
 color: #666;
 font-weight: 500;
 float: left;
}
.popupContent {
 padding-bottom: 35px;
}
.cross {
 background: url(../img/close_btn.png) no-repeat scroll left top rgba(0,0,0,0);
 cursor: pointer;
 height: 21px;
 position: absolute;
 right: 7px;
 top: 9px;
 width: 20px;
 z-index: 999;
}
.morecontent span {
 display: none;
}
.morelink {
 display: block;
}
.popupContent-box {
 width: 100%;
 float: left;
 /*	margin-bottom: 10px;*/
 /*    border-bottom: #00a759 solid 1px;*/

}
.popupContent-box span {
 display: block;
 width: 49%;
 float: left;
 /*    border-right: 1px solid #00a759;*/
 height: 38px;
}
.popupContent-box label {
 display: block;
 width: 49%;
 float: right;
}
.curier {
 position: relative;
 width: 50%;
 margin: 2% auto;
 background:#fff;
 height:380px;
}
.curier-box {
 width: 100%;
 float: left;
 background: none repeat scroll 0 0 #fff;
 border-radius: 5px;
 box-sizing: border-box;
 padding:15px;
 height:450px;
 overflow-y:scroll;
}
.popupContent-img-box {
 width:100%;
 float:left;
}
.popupContent-img-box img {
 max-width:100%;
}
.popupImage-box {
 width:17%;
 float:right;
}
.popupImage-box img {
 max-width:100%;
}
.popup_header {
 background: red none repeat scroll 0 0;
 border-bottom: 1px solid #ccc;
 padding: 1px 0 5px 10px;
 color: #fff;
}
.help-block.with-errors{
 float: left; width: 100%; position: relative;height: 10px;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
 color: #dd4b39;
}

/*loader gif animations*/

.loader {
 border: 5px solid #ff0000;
 border-radius: 50%;
 border-top: 5px solid #3498db;
 width: 30px;
 height: 30px;
 -webkit-animation: spin 2s linear infinite; /* Safari */
 animation: spin 2s linear infinite;
 position: absolute;
 z-index: 9999;
}


.paid{
 padding: 15px !important;
 line-height: 17px!important;
 background: #c9ffda;
 line-height: 17px!important;
 color:#5d5d5d;
}
.pending{
 background: #fee0e0;
 padding: 15px!important;
 line-height: 17px!important;
 color:#5d5d5d;
}
/* Safari */
@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}