/*
    Track for z-index:
    (number) - (class/element)
    80 - merge-member-modal
    81 - confirm-merge-member-modal
    91 - loading-overlay
    92 - loadin-overlay i
 */

.myrow{
	margin-top: 10px;
}

.contentCenter {
    display:table-cell;
    vertical-align:middle;
}

.vwrapper{
	text-align: center;
	display: table;
}

.fullLengthBtn{
	width:100%;
	text-align:center;
}

.label1{
	margin-right: 5px;
}

.controlButtons{
	text-align:right;	
	cursor:pointer;	
}

.controlButtons:hover{

}

.mycol{
    margin-bottom: 10px;
}

.mand{
    color:red;
}

.navbar-header img {
    max-height: 100%;
    width: auto;
}

.loading-overlay {
    opacity:    0.8;
    background: #000000;
    width:      100%;
    height:     100%;
    z-index:    91;
    top:        0;
    left:       0;
    position:   fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: wait;
}

.loading-overlay i {
    color: #FFF;
    z-index: 92;
}

@keyframes spinner {
    to { transform: rotate(360deg); }
}
.loading-overlay i {
    animation: spinner 1.5s linear infinite;
}

.loading-overlay-message {
    font-size: 3rem;
    font-weight: bold;
    color: #FFF;
}

.cancel-process {
    font-size: 2rem;
    cursor: pointer;
}
        /****************/
@media (min-width: 768px) {
				.form-inline .form-group {
						display: inline-block;
						margin-bottom: 0;
						vertical-align: middle
				}
				.form-inline .form-control {
						display: inline-block;
						width: auto;
						vertical-align: middle
				}
				.form-inline .form-control-static {
						display: inline-block
				}
				.form-inline .input-group {
						display: inline-table;
						vertical-align: middle
				}
				.form-inline .input-group .form-control,
				.form-inline .input-group .input-group-addon,
				.form-inline .input-group .input-group-btn {
						width: auto
				}
				.form-inline .input-group>.form-control {
						width: 100%
				}
				.form-inline .control-label {
						margin-bottom: 0;
						vertical-align: middle
				}
				.form-inline .checkbox,
				.form-inline .radio {
						display: inline-block;
						margin-top: 0;
						margin-bottom: 0;
						vertical-align: middle
				}
				.form-inline .checkbox label,
				.form-inline .radio label {
						padding-left: 0
				}
				.form-inline .checkbox input[type=checkbox],
				.form-inline .radio input[type=radio] {
						position: relative;
						margin-left: 0
				}
				.form-inline .has-feedback .form-control-feedback {
						top: 0
				}
		}

		.form-horizontal .checkbox,
		.form-horizontal .checkbox-inline,
		.form-horizontal .radio,
		.form-horizontal .radio-inline {
				padding-top: 7px;
				margin-top: 0;
				margin-bottom: 0
		}

		.form-horizontal .checkbox,
		.form-horizontal .radio {
				min-height: 27px
		}

		.form-horizontal .form-group {
				/* margin-right: -15px;
				margin-left: -15px */
				margin-right: 5px;
				margin-left: 5px
		}

		@media (min-width: 768px) {
				.form-horizontal .control-label {
						padding-top: 7px;
						margin-bottom: 0;
						text-align: right
				}
		}

		.form-horizontal .has-feedback .form-control-feedback {
				right: 15px
		}

		@media (min-width: 768px) {
				.form-horizontal .form-group-lg .control-label {
						padding-top: 14.33px;
						font-size: 18px
				}
		}

		@media (min-width: 768px) {
				.form-horizontal .form-group-sm .control-label {
						padding-top: 6px;
						font-size: 12px
				}
		}

		.input-group-addon {
			padding: 0px 3px 0px 9px;
			    font-size: 14px;
			    font-weight: 400;
			    line-height: 1;
			    color: #555;
			    text-align: center;
			    background-color: transparent;
			    border: 1px solid #ccc;
			    border-radius: 4px;
		}

		.checkbox label,
		.radio label {
				min-height: 19px;
				padding-left: 20px;
				margin-bottom: 0;
				font-weight: 400;
				cursor: pointer;
		}


   .modal {}

        .vertical-alignment-helper {
            display: table;
            height: 100%;
            width: 100%;
        }

        .vertical-align-center {
            /* To center vertically */
            display: table-cell;
            vertical-align: middle;
        }

        .modal-content {
            /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
            width: inherit;
            height: inherit;
            /* To center horizontally */
            margin: 0 auto;
        }

        @media screen and (min-width: 768px) {
    .modal:before {
        display: contents !important;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}