@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "untitled-font-1";
	src:url("../fonts/untitled-font-1.eot");
	src:url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
	url("../fonts/untitled-font-1.woff") format("woff"),
	url("../fonts/untitled-font-1.ttf") format("truetype"),
	url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "untitled-font-1" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "untitled-font-1" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bubble-comment-streamline-talk:before {
	content: "\61";
}
.icon-grid-lines-streamline:before {
	content: "\62";
}
.icon-settings-streamline-1:before {
	content: "\63";
}
.icon-streamline-sync:before {
	content: "\64";
}
.icon-map-pin-streamline:before {
	content: "\65";
}
.icon-locker-streamline-unlock:before {
	content: "\66";
}
.icon-lock-locker-streamline:before {
	content: "\67";
}
.icon-receipt-shopping-streamline:before {
	content: "\68";
}
.icon-home-house-streamline:before {
	content: "\69";
}
.icon-edit-modify-streamline:before {
	content: "\6a";
}
.icon-speech-streamline-talk-user:before {
	content: "\6b";
}
.icon-notebook-streamline:before {
	content: "\6c";
}
.icon-delete-garbage-streamline:before {
	content: "\6d";
}
.icon-book-read-streamline:before {
	content: "\6e";
}

h1 {
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h3 {
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
p {
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}
blockquote {
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714px;
}


@media (min-width: 992px){
    .typo-line{
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}

.icon-section {
	margin: 0 0 3em;
	clear: both;
	overflow: hidden;
}
.icon-container {
	width: 240px;
	padding: .7em 0;
	float: left;
	position: relative;
	text-align: left;
}
.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
	color: #000;
	position: absolute;
	margin-top: 3px;
	transition: .3s;
}
.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
	font-size: 2.2em;
	margin-top: -5px;
}
.icon-container:hover .icon-name {
	color: #000;
}
.icon-name {
	color: #aaa;
	margin-left: 35px;
	font-size: .8em;
	transition: .3s;
}
.icon-container:hover .icon-name {
	margin-left: 45px;
}

.places-buttons .btn{
    margin-bottom: 30px
}
.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.sidebar .nav > li.active-pro a{
    background: rgba(255, 255, 255, 0.14);
    opacity: 1;
    color: #FFFFFF;
}

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3){
    text-align: center;
}

.img-circle {
	border-radius: 50%;
	display:inline-block;
}

.input[type=text] {
	width: 130px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
	width: 100%;
}
.mybtn{
	font-size: 11px !important;
	padding: 1px 2px;
	text-align:center;
}

#hover-content {

}
#parent:hover #hover-content {
	display:block;
}

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

.box {
	min-height: 75px;
	color: #333;
	cursor: pointer;
	font-size: x-small;
	border: 3px solid #eeeeee;
	background: #fff;
	padding: 6px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:4px;
	margin: 4px;
}
.box-selected
{
	border-color: #FF5216;
	color: #FF5216;
}
.pink{
	color: #FF5216 !important;
}

.box-interval {
	overflow-y:scroll;
	max-height:400px;


}

.box-highlight {
	border: 2px solid orangered;

}

.box-complete {
	background-color: #7AC29A;

}

.box-partial {
	background-color: #F3BB45;
}

.opacityOff {
    opacity:0.9;
}

.opacityOn {
    opacity:0.2!important;
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.btn-xs {
    border-radius: 55px;
    padding: 0px 5px;
}

a {
    color: mediumseagreen;
}

a.btn {
    border-radius: 77px;
    box-sizing: border-box;
    border-width: 1px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    padding: 0px 18px;
    border-color: #66615B;
    color: #66615B;
}
.badge {
	display: inline-block;
	min-width: 10px;
}
.panel-people
{
	margin-bottom: 4px;
}
.panel-paid
{
	border-right:5px solid;
	border-right-color: mediumseagreen;


}
.panel-unpaid
{
	border-right:5px solid;
	border-right-color:gray;

}
.btnpaid {
	opacity: 0;
	-webkit-transition: opacity .5s ease-in;
	-moz-transition: opacity .5s ease-in;
	-ms-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
}
.btnpaid:hover {
	display:inline;
	opacity: 1;

}
.panel-people:hover {
	cursor: pointer;
	background-color: #eee;
}

/*	--------------------------------------------------
	:: Table Filter
	-------------------------------------------------- */
.panel {
	border: 1px solid #ddd;
	background-color: #fcfcfc;
}
.panel .btn-group {
	margin: 15px 0 30px;
}
.panel .btn-group .btn {
	transition: background-color .3s ease;
}
.table-filter {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
	cursor: pointer;
	background-color: #eee;
}
.table-filter tbody tr td {
	padding: 10px;
	vertical-align: middle;
	border-top-color: #eee;
}
.table-filter tbody tr.selected td {
	background-color: #eee;
}
.table-filter tr td:first-child {
	width: 38px;
}
.table-filter tr td:nth-child(2) {
	width: 35px;
}
.ckbox {
	position: relative;
}
.ckbox input[type="checkbox"] {
	opacity: 0;
}
.ckbox label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ckbox label:before {
	content: '';
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	border-radius: 2px;
	border: 1px solid #bbb;
	background-color: #fff;
}
.ckbox input[type="checkbox"]:checked + label:before {
	border-color: #2BBCDE;
	background-color: #2BBCDE;
}
.ckbox input[type="checkbox"]:checked + label:after {
	top: 3px;
	left: 3.5px;
	content: '\e013';
	color: #fff;
	font-size: 11px;
	font-family: 'Glyphicons Halflings';
	position: absolute;
}
.table-filter .star {
	color: #ccc;
	text-align: center;
	display: block;
}
.table-filter .star.star-checked {
	color: #F0AD4E;
}
.table-filter .star:hover {
	color: #ccc;
}
.table-filter .star.star-checked:hover {
	color: #F0AD4E;
}
.table-filter .media-photo {
	width: 35px;
}

.table-filter .media-meta {
	font-size: 11px;
	color: #999;
}
.table-filter .media .title {
	color: #2BBCDE;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}
.table-filter .media .title span {
	font-size: .8em;
	margin-right: 20px;
}
.table-filter .media .title span.pagado {
	color: #5cb85c;
}
.table-filter .media .title span.pendiente {
	color: #f0ad4e;
}
.table-filter .media .title span.cancelado {
	color: #d9534f;
}
.table-filter .media .summary {
	font-size: 14px;
}


/* Ring */


#ring{
	background-image:url('../img/log-new.png');
	height:740px;
	width:740px;
	position:absolute;
	opacity:.025;
	bottom:-320px;
	right:30px;
	animation:ring 20s linear infinite;
}

@keyframes ring{
	0%{transform:rotateZ(0deg)}
	100%{transform:rotateZ(360deg)}
}


.chat-window{
	bottom:0;
	position:fixed;
	float:right;
	margin-left:10px;
}
.chat-window > div > .panel{
	border-radius: 5px 5px 0 0;
}
.icon_minim{
	padding:2px 10px;
}
.msg_container_base{
	background: #e5e5e5;
	padding: 15px 0;
	margin: 0;
	max-height:300px;
	overflow-x:hidden;
}
.top-bar {
	background: #666;
	color: white;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
.msg_receive{
	padding-left:0;
	margin-left:0;
}
.msg_sent{
	padding-bottom:20px !important;
	margin-right:0;
}
.messages {
	position: relative;
	background: white;
	padding: 10px;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	max-width:100%;
}
.messages > p {
	font-size: 13px;
	margin: 0 0 0.2rem 0;
}
.messages > time {
	font-size: 11px;
	color: #ccc;
}
.msg_container {
	padding: 10px;
	overflow: hidden;
	display: flex;
}
img {
	display: block;
	width: 100%;
}
.avatar {
	position: relative;
    width: 9%;
    margin-left: -2px;
    margin-top: 0px;
}
.base_receive > .avatar:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 5px solid #FFF;
	border-left-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
	justify-content: flex-end;
	align-items: flex-end;
}
.base_sent > .avatar:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 5px solid white;
	border-right-color: transparent;
	border-top-color: transparent;
	box-shadow: 1px 1px 2px rgba(black, 0.2); // not quite perfect but close
}

.msg_sent > time{
	float: right;
}



.msg_container_base::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.btn-group.dropup{
	position:fixed;
	left:0px;
	bottom:0;
}

.gsidebar > li
{
	/* margin: 0px !important; */
	 line-height: 3px !important;
	 padding-left: 15px !important;

}
.my_gallaa > .active
{
	border-left: 4px solid #fff !important;



}
.sidebar-wrapper
{
    background-color: linear-gradient(-135deg, #5EC784 0%, #18A249 100%);
	padding: 0px 0px 0px 0px;
    color: #fff;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.22px;

}
.sidebar-wrapper .title
{
    font-size: 12px;
    color: rgba(255,255,255,0.70);
    letter-spacing: 3px;
}
.gnavbar {
	margin-bottom: 0px !important;
	background-color: #fff;
	border-bottom: 0;
}
.gnavbar {
	margin-bottom: 0px !important;
}

.area {
	margin-top: 8px;
	background: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 5px #cdcdcd;
	padding: 20px;
	width: 100%;
}

.navbar{
	background-color: #fff;

}
.nav-dashboard {

	background: rgba(194,194,194,0.25);;
	border: 0;
	padding: 16px 0px;
}
.dasboard-title h4 { margin-top: 16px; line-height: 35px;}

.btn-lite-blue {
	background: #16b5f9;
	color: #fff;
	border-color: #16b5f9;

}
.rounded-less { border-radius:5px;  }



@media (min-width: 992px){
	.navbar
	.navbar {
		min-height: 70px;
	}  }

.dot{
	position: relative;
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: #FF5216;
	top:23px;
}


.nav.gsidebar li span{
	position: relative;
	/*left: 200px;*/
	/*top: 8px;*/

}
.nav.gsidebar li span.edit {
	right: 40px !important;

}



/*
	New Css

.nav.gsidebar li a{
	display: inline-block;
	text-align: left;
	vertical-align: top;
}


*/
.dashboard-title{
	margin: 0;
	font-size: 26px;
	color: #191919;
	letter-spacing: 0px;
	line-height: 34px;
}

/*
	add class on <p> kemti_btn
*/
.kemti_btn{
	position: absolute;
	bottom: 80px;
	text-align: center;
	width: 100%;
	right: 0;
}

/*
	Change Css
*/


	/*
		demo.css
	*/
	.round{
		font-size: 14px;
		padding: 6px 12px;
	}


/*
update inline -css from logo img
*/
.navbar-left.logo_img img{
	height: 56px !important;
	width: 130px !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
.facebook-login-in-user-popup {
	display: block;
	padding: 25px 5px;

}

.user-popup-facebook-button {
	background: #81a3c3;
	height: 25px;
	max-width: 175px;
	border-radius: 30px;
	margin: auto;
}

.user-popup-facebook-button a {
	text-decoration: none;
}

.user-popup-facebook-button_icon {
	float: left;
	background: #fff;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	margin: 3px;
}

.user-popup-facebook-button_icon i {
	color: #81a3c3;
	margin-top: 4px;
	margin-left: 4px;
}

.user-popup-facebook-button p {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 15px;
	max-width: 250px;
	line-height: 1.7;
	padding-top: 0px;
}

.header-text{
	text-align: center;
}

.margin-top-sm{
	margin-top: 13px;
}




/* Welcome board */



.srvices_main1 {
	overflow: hidden;
	padding: 30px 0 0;
	width: 100%;
}
.service_first {
	background: #efefef none repeat scroll 0 0;
	border: 1px dotted #c0c0c0;
	border-radius: 0;
	padding: 20px 10px;
	width: 100%;
}
.service_first h1 {
	color: #000;
	font-size: 20px;
	font-weight: 400;
	margin-top: 0;
	padding: 5px 0 15px;
	text-align: center;
	text-transform: uppercase;
}
.heading {
	border-bottom: 1px solid #fcab0e;
	padding-bottom: 9px;
	position: relative;
}
.service_first p {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0 15px 15px;
	text-align: center;
}
.service_button {
	padding: 10px 0;
	width: 100%;
}
.service_first:hover {
	background: #fff none repeat scroll 0 0;
	border: 1px dashed #aaa;
	cursor: auto;
	display: block;
}

.form-horizontal .control-label.label-left{
	text-align: right;
}
.small-text {
	font-size: 14px;
}
.btmName{
	position: relative;
	bottom: 0px;
}

.alert-gallaa
{
	background-color: #d3d3d3;
	color: #777;
}

/* Bar graphs */

.bar-step {
	position:absolute;
	margin-top:-20px;
	z-index:1;
	font-size:12px;
}
.bar-step-down {
	position:absolute;
	margin-top:20px;
	z-index:1;
	font-size:12px;
}
.bar-step-left {
	position:absolute;
	margin-top:-20px;
	z-index:1;
	font-size:12px;
}
.label-txt {
	float: left;
}

.label-line {
	float: right;
	background: #000;
	height:50px;
	width:1px;
	margin-left: 5px;
}

.label-percent {
	float: right;
	margin-left: 5px;
}


.modal-header{
	padding: 15px 15px 0px 15px !important;
	background-color: #ddd;
}
.modal-body{
	background-color: #eee;
}
.btn-ra-primary{
	border-radius: 2px !important;
}
.margin-top-15{
	margin-top: 25px;
}

.btn-left {
	border-radius: 0 0 0 5px;
	padding: 18px 18px;
	width: 100%;
}
.btn-right {
	border-radius: 0 0 5px 0px;
	padding: 18px 18px;
	width: 100%;
}
.btn-simple{
	border-top: 1px solid #CCCC;
}
.modal-footer{
	border-top: 1px solid #CCCC;

}
.model-footer.btn {

	width: 100%;
	float: left;
}

#parentdiv
{
	position: relative;
	width: 150px;
	height: 150px;
	background-color: #ac5;
	border-radius: 150px;
	margin: 150px;
	color: #dbd8e0;
}

#parentdiv .header-in-cicler
{
	position: relative;
	top :50px;
	left:32px;

}
#parentdiv .amount
{
	position: relative;
	top :60px;
	left:32px ;

}
.txtpositionGallaa{
	position: relative !important;
	top:10px !important;
	left:16px;
}

.div2
{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #e6e6e6;
	border-radius: 100px;
}
.form-control{
	/* border-color: #eee !important;
	background-color: #f1f2f2 !important; */
}
.input-group-addon{
	background-color: #cfcfcf !important;
	color : #eeeeee;
	border: 0px  !important;
}

.btn-fb{
	background-color: #81A3C3 !important;
	border-color: #81A3C3 !important;

}
.btn-fb:hover{
	background-color: #0880d7 !important;
	border-color: #0880d7 !important;

 }
.btn-fb i{
	background-color: #fff;
	margin: 4px 4px;
	color: #81a3c3;
	padding: 4px 4px;
	margin-right: 10px;
	border-radius: 10px;
}
/*
#spinningLoader {
	background-image: url('../img/ring.svg');
	left: 50%;
	top: 50%;
	width: 400px;
	height: 400px;
	position: fixed;
	z-index: 998;
	opacity: .25;

}
*/

#loader{
	background-image:url('../img/dotdotdot.png');
	left: 50%;
	top: 50%;
	width: 400px;
	height: 400px;
	position:fixed;
	z-index: 998;
	opacity:.25;
	margin-top: -50px;
	margin-left: -100px;
	animation:spinningLoader 20s linear infinite;
	background-repeat: no-repeat;
}
.loader{
    background-image:url('../img/dotdotdot.png');
    left: 55%;
    top: 50%;
    width: 200px;
    height: 200px;
    position:fixed;
    z-index: 998;
    opacity:.7;
    margin-top: -50px;
    margin-left: -100px;
    animation:spinningLoader 20s linear infinite;
    background-repeat: no-repeat;
    fill: red;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(105,105,105,.40);
	z-index: 999;
}

.Paid{
	background-image:url('../img/paid.png');
	background-size:100%  ;                    /* <------ */
	background-repeat:   no-repeat;
	background-position: center center;

}

@keyframes spinningLoader{
	0%{transform:rotateZ(0deg)}
	100%{transform:rotateZ(360deg)}
}

.send{
	width: 17px;
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1);
}

.received{
	width: 17px;
	background-color:#FFF;
	-webkit-filter: hue-rotate(90deg);

}
.thumbnail {
	max-width: 200px; max-height: 150px; line-height: 20px; margin-bottom: 5px;
}

.title-mem-list{

	font-size: 18px;
	color: #191919;
	letter-spacing: 5px;
}
.txt-mem-list{
	font-size: 14px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 20px;

}
.int-header{

	font-size: 18px;
	color: #191919;
	letter-spacing: 0px;
}
input#file {
	display: inline-block;
	width: 50%;
	padding: 50px 0 0 0;
	height: 45px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url('https://cdn3.iconfinder.com/data/icons/buttons/512/Icon_16-128.png') center center no-repeat ;
	border-radius: 20px;
	background-size: 150px 100px;
}

.required {
	color : firebrick !important;
}

.text-error{
	color : firebrick !important;
}


.symbol:hover{
	color: #37B34A;
}
.notify-client{
    color: #37B34A;
}


.navbar-nav li > a.active{
	border-bottom:2px solid  #00a451;
}


.dotted{
	border: 1px dotted;
}

.gtabs{
	border-bottom: 0px !important;
}
.gtabs>li.active>a:hover{
	color: #555;
	cursor: default;
	background-color: transparent !important;
	border: 0px !important;
	border-bottom-color: transparent !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #555;
	cursor: default;
	background-color: transparent !important;
	border: 0px !important;
	border-bottom-color: transparent !important;
}

.alert-invite{

	background: lightgrey;
	padding: 20px;
	color:#000000;
	border-radius: 3px;
	border: 2px #e6e6e6 dotted;
}

.alert-invite .btn {
	margin-left: 5px;
	margin-bottom: 3px;
}
.badge{
	background-color: chocolate;
}
.interval-freez{
    opacity: 0.7;
}
.icon-md{
	font-size: 20px;
}
.margin-right-10{
	margin-right: 10px;
}
.glyphicon-lock {
    font-size: 18px!important;
    margin-left: 46px;
    color:#c1c1c1;
    position: absolute
}
.user-profile {
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.user-profiles{
    width:150px;
    height:150px;
    border-radius:50%;
    overflow:hidden;
}
.image-cropper {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 10px;
}
.image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
.image-loader{
    height: 12px;
    width: 40px!important;
    position: absolute;
    margin-top: -12px;
    margin-left: 69px;
}
.btn-lite-green{
    background-color: #7AC29A;
    color:#FFF;
    border-color: #7AC29A;
}
.btn-light-green:hover{
    background-color: #84b91f;
    border-color: #84b91f;
}

@media screen and (max-width: 991px) {
	.ftweak{
		bottom: -15px;
		position: fixed
	}
}

@media screen and (max-width: 480px) {
	.mtweak {
		left: 65%;
	}
}
.modal-backdrop {
    position: fixed;
    display:none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;

}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.9;
    filter: alpha(opacity=80);
}
.payModel1{
    z-index: 1050!important;
}


.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

.glyphicon.slow-right-spinner {
    -webkit-animation: glyphicon-spin-r 3s infinite linear;
    animation: glyphicon-spin-r 3s infinite linear;
}

.glyphicon.fast-left-spinner {
    -webkit-animation: glyphicon-spin-l 1s infinite linear;
    animation: glyphicon-spin-l 1s infinite linear;
}

.glyphicon.normal-left-spinner {
    -webkit-animation: glyphicon-spin-l 2s infinite linear;
    animation: glyphicon-spin-l 2s infinite linear;
}

.glyphicon.slow-left-spinner {
    -webkit-animation: glyphicon-spin-l 3s infinite linear;
    animation: glyphicon-spin-l 3s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.button-loader{
    width: 34px;
    position: relative;
    float: right;
    display: none;
}
.mem-tab {
    background-color: #ddd !important;
}
.angucomplete-dropdown {
    width:100%!important;
    background-color: #ffffff!important;
    border-color: #66bad0!important;
    overflow-y: auto;
    max-height: 200px;
}

.angucomplete-row {
    border-bottom:2px solid #66bad0!important;
    background-color:#eee!important ;
}
.angucomplete-description{
    text-align: right!important;
}

.err-clr {
	color: red;
}

.dashboard-icons {
	cursor: pointer;
	color: mediumseagreen;
}

.paymentBody{
	background-color:white;
}
.centered-form{
	margin-top: 60px;
}

.centered-form .panel{
	background: rgba(255, 255, 255, 0.8);

}

.custab{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5% 0;
}

/*.paginate{position: relative;}
.pagination>li>a, .pagination>li>span {
	padding: 6px 16px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 1.42857143;
	color: white;
	background-color: #e7c3c3;
	border: 0px;
	font-size: 20px;
}
.pagination>li>a.page-prev, .pagination>li>span.page-prev,.pagination>li>a.page-next, .pagination>li>span.page-next {
	background-color: #e7c3c3;
	color: white;
}
.pagination>li>a.page-prev, .pagination>li>span.page-prev{
	position: absolute;
	right: 60px;
}
.pagination>li>a.page-next, .pagination>li>span.page-next{
	position: absolute;
	right: 0px;
}*/

.th-icon-clr {
	color: #3CB371;
}

.disabled-clr {
	color: grey;
}

.verify {
	margin-top: 5px;
	padding: 0;
}

.left-text {
	text-align: left;
}

.new-gallaa {
	margin-bottom:70px !important;
}

@media screen and (max-width: 767px) {
	.new-gallaa {
		margin-bottom: -510px !important;
	}
	.nav.gsidebar li span{
		position: relative !important;
		left: 170px !important;
		top: 0px !important;
	}
}

@-moz-document url-prefix() {
	.new-gallaa {
		margin-bottom: -475px !important;
	}
}
.modal-content{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	border:0px !important;
}
.form-control{
	margin-bottom: 12px !important;
	margin-top: 2px;
	border-width: 0px !important;
}
.page-header{
	border-bottom:1px dotted #ddd ;
}
.input-group .form-control {
	margin: 0px !important;
}