html,
body {
    height: 100%;
}
.site-login{
    padding:8% 0 0;
}
.site-login h2{
    text-align: center;
    margin: 20px 0px;
}
.site-login .btn{
    background-color: #FA768E;
    border-color: #FA768E;
    color: #FFFFFF;
    width: 100%;
}
.btn-primary{

}
.site-login .btn:hover, .site-login .btn:focus, .site-login .btn:active, .site-login .btn.active, .site-login .btn:disabled, .site-login .btn[disabled]{
    background-color: #ED4E6B !important;
    border-color: #ED4E6B !important;
}
.select2-container{
    z-index: 1090 !important;
}
.bootbox{
    top: 50% !important;
    margin-top: -100px !important;
}
.btn-primary {
    background-color:#337AB7;
    border-color:#2E6DA4;
    color:#FFFFFF;
}
.navbar-pink {
    background-color:#FA768E;
    border-color:#FA768E;
}
.navbar-pink .navbar-nav > li > a, .navbar-pink .navbar-brand {
    color:#FFFFFF;
}
.navbar-pink .navbar-nav > li > a:hover, .navbar-pink .navbar-nav > li > a:focus, .navbar-pink .navbar-nav > li > a:active{
    background-color: #ED4E6B;
}
a{
    color:#FA768E;
}
a:hover{
    color:#A3263C;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container, .wrap > .container-fluid {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
body.login{
    margin-top: 8%;
}
.admin-avatar{
    width: 50px;
    height: 50px;
}
.serial-col{
    width: 25px;
}
.action-col{
    width: 60px;
}

.selectbox {
    background:#FFFFFF;
    border-color:#DDDDDD;
    border-radius:4px;
    border-style: solid;
    border-width: 1px;
    color:#333333;
    cursor:pointer;
    line-height:18px;
    padding: 8px;
    display: inline;
    margin-right: 5px;
}
.chat-avatar{
    width: 50px;
    height: 50px;
}
.modal-title{
    color: #FA768E;
}
.btn-primary{
    background-color: #FA768E;
    border-color: #FA768E;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:disabled, .btn-primary[disabled]{
    background-color: #ED4E6B !important;
    border-color: #ED4E6B !important;
}
.btn-success{
    background-color: #7CE29B;
    border-color: #7CE29B;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:disabled, .btn-success[disabled] {
    background-color: #64D587 !important;;
    border-color: #64D587 !important;;
}
.panel-primary {
    border-color:#FA768E;
    margin-bottom: 10px;
}
.panel-primary > .panel-heading {
    background-color:#FA768E;
    border-color:#FA768E;
}
.panel-primary > .panel-heading a{
    color: #FFFFFF;
}
.panel-body, .panel-heading, .panel-footer{
    padding: 10px;
}
.chat-header{
    padding-left: 0px;
}
.chat-header a{
    text-decoration: underline;
}
#chatMessage{
    resize: vertical;
}
.onoffswitch {
    position: relative; width: 67px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #F84565; border-radius: 15px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #FA768E; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #FA768E; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 20px; margin: 1.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 40px;
    border: 1px solid #F84565; border-radius: 15px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 2px;
}
#incomingCallDialog .modal-dialog {
    /*position:fixed;
    top:auto;
    right:5px;
    left:auto;
    bottom:5px;
    margin: 10px 0px;
    */
}
#incomingCallDialog .modal-content {
    padding: 20px;
}
.call-avatar{
    width: 100px !important;
    height: 100px !important;
}
#call-controls img{
    width: 48px;
    height: 48px;
    margin: 0px 20px;
}
#caller{
    margin-top: 10px;
    font-size: 24px;
    color: #FA768E;
}
#callStatus, #callDuration{
    margin-top: 10px;
    font-size: 16px;
}