body {
    min-height: 100vh;
    margin: 0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.card-body
{
    /*padding :0.6em;*/
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* BACKGROUNDS */
.bg-primary {
    background: linear-gradient(135deg, #61C2EE 0%, #2C9AC4 95%) !important;
}

.authentication-bg {
    background-image: url(/edge/images/bg-login.webp) !important;
    background-position: center center !important;
    background-size: cover !important;
    backdrop-filter: blur(4px);
    min-height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

/* END BACKGROUNDS */

/* TOP MENU */
.topnav {
    /*background: linear-gradient(135deg, #61C2EE 0%, #2C9AC4 80%) !important;*/
    background: linear-gradient(to bottom,#61C2EE,#2C9AC4);
}

.topnav-navbar {
    padding: 2px !important;
    min-height: 80px !important;
}

.nav-user {
    min-height: 78px !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #61C2EE;
}

.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid #61C2EE;
}

/*.navbar-dark .navbar-nav .nav-link {
    color: #fafafa;
}*/
/* END - LEFT SIDE MENU */
/* VALIDATION */
.invalid-feedback {
    display: block;
}

.text-error {
    color: #61C2EE;
    text-shadow: none !important;
    font-size: 2.25rem;
    line-height: 2.625rem;
}
/* END VALIDATION */

/* BUTONNS */
/*.btn {
    min-width:100px !important;
}*/

.btn-autotask, .btn-connectwise {
    background-color: rgb(230, 28, 56);
    border-color: rgb(230, 28, 56);
    box-shadow: 0px 2px 6px 0px rgba(230, 28, 56, 0.5);
    color: #fff !important;
}

.btn-connectwise-opp {
    background-color: rgb(36, 50, 106);
    border-color: rgb(36, 50, 106);
    box-shadow: 0px 2px 6px 0px rgba(36, 50, 106, 0.5);
    color: #fff !important;
}

.btn-primary {
    background-color: #61c2ee !important;
    border-color: #61c2ee !important;
    box-shadow: 0px 2px 6px 0px rgba(97, 194, 238, 0.5);
}

.btn-outlook {
    color: #ffffff;
    background-color: #D83B01 !important;
    border-color: #D83B01 !important;
    box-shadow: 0px 2px 6px 0px rgb(181, 71, 19, 0.5)
}

.btn-sharepoint {
    color: #ffffff;
    background-color: #038387 !important;
    border-color: #038387 !important;
    box-shadow: 0px 2px 6px 0px rgba(97, 194, 238, 0.5);
}

.btn-dynamics {
    color: #ffffff;
    background-color: #050d46 !important;
    border-color: #050d46 !important;
    box-shadow: 0px 2px 6px 0px rgba(97, 194, 238, 0.5);
}

/*.btn-O365Save {
    color: #ffffff;
    background-color: #58d180 !important;
    border-color: #58d180 !important;
    box-shadow: 0px 2px 6px 0px rgb(29, 181, 82, 0.5);
}*/

.btn-outlook:hover, .btn-sharepoint:hover, .btn-dynamics:hover{
    color: #ffffff !important;
}


.btn-success, .badge-success {
    background-color: #46C089 !important;
    border-color: #46C089 !important;
    box-shadow: 0px 2px 6px 0px rgba(70, 192, 137, 0.5);
}

.btn-outline-primary {
    color: #61c2ee !important;
    border-color: #61c2ee !important;
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #61c2ee !important;
    }
/* END - BUTTONS*/

/* TEXT */
.text-primary {
    color: #61c2ee !important;
}

a {
    color: #61c2ee;
}

    a:hover {
        color: #00739C;
    }
/* END - TEXT */

/* PAGING */
.page-item.active .page-link {
    background-color: #61c2ee;
    border-color: #61c2ee;
}

/* DASHBOARD*/
.dashboard-message-item {
    color: #6c757d;
    background-color: transparent;
    padding: 0.375rem 1.5rem;
}

.dashboard-message-item:focus, .dashboard-message-item:hover {
    color: inherit;
    text-decoration: none;
    background-color: rgb(248, 249, 250);
}

.dashboardBarCards {
    background-color: #d4d6dc4d;
    text-align: center;
}

/* Old Zen Iframe*/
#element_to_pop_up {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    display: none;
    padding: 10px;
    min-width: 800px;
    min-height: 600px;
}

#msgbox_to_pop_up {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    display: none;
    padding: 10px;
    min-width: 200px;
    min-height: 200px;
}

.b-iframe {
    min-height: 630px;
    min-width: 750px;
}

#tx-documentViewer {
    z-index: 1030 !important;
}

/* Datatables */

.dataTables_filter, .dataTables_paginate {
    float: right;
    text-align: right;
}

/* Pricing CSS */
.rgBatchCurrent .RadDropDownList {
    width: 110px;
    margin-left:3px;
}

.rgBatchCurrent .form-control{
    padding: 2px;
    margin-left:3px;
}

html .RadGrid td.rgBatchCurrent {
    padding-left: 0px !important;
}

.RadGrid tr.rgRow td, .RadGrid tr.rgAltRow td {
    padding: 10px 10px 10px 10px !important;
}

.RadGrid .rgBatchContainer{
    max-width: 100% !important;
}

.clickable {
    cursor: pointer;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 900;
	color: #6c757d;
}

/* To show the lines on right and left sides of the text */
.divider::after,
.divider::before {
    content: "";
    border: 1px solid #6c757d;
    flex: 1;
}

/* Space on left and right sides of text */
.divider:not(:empty)::before {
    margin-right: 0.50em;
}

.divider:not(:empty)::after {
    margin-left: 0.50em;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .widget-flat i.widget-icon {
        display: inline-block;
    }
}