@import url("/CeeSuite_Web_Theme/Theme.CeeSuite_Web_Theme.css?2244");

/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
.header {
    background-color: #061219 !important;
}

:root {
    --color-primary: #0B1822; /*primary-color*/
    --color-primary-hover: #0B1822; /*primary-color*/
    --color-secondary: #0B1822; /*primary-color*/
}

.underline{
    text-decoration: underline;
}

.text-white {
    color: white;
}
.text-dark-grey {
    color: #868E96;    
}
.text-blue-link {
    color: #1080B6;
}

.background-blue-primary {
    background-color: #129FE3;
}

.background-darkest-navy {
    background-color: #071017 !important;
}

.main-content {
    background-color: #0B1822;
    /*background-color: #061219;*/
}

/*
.layout .header {
    background: linear-gradient(180deg, rgba(9,21,30,1) 7%, rgba(25,42,57,1) 98%);
}
*/

.div-flex{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.text-left {
    text-align: left !important;
}

.pr-10 {
    padding-right: 10px;
}

.content {
    background: #0B1822;
}
.card {
    box-shadow: none !important;
    background-color: #0B1822;
}
.user-login{
    color: white;
}
.app-logo {
    max-width: none !important;
}
.app-logo-text {
    height: 55px !important; 
    width: 200px !important;
    /*margin-top: 5px;*/
    max-width: none !important;
}

.Menu_TopMenus {
    /*background-color: #0B1822 !important;*/
    background-color: #061219 !important;
}

/*input custom*/
.choices__inner,
.input:focus {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #356887;
    border-radius: 0px;
    padding: 0px;

}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: black;
  padding: 0 !important;
  -webkit-box-shadow: 0 0 0px 1000px #0b1822 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.layout .Form .input.ReadOnly:not(.Not_Valid),
.layout .Form .select.ReadOnly:not(.Not_Valid) {
    background-color: transparent;
    border: 0px;
    border-radius:0px;
    border-bottom: 1px solid #356887;
    padding: 0px;
}
.layout .Form .input.Not_Valid,
.layout .Form .select.Not_Valid {
    padding: 0px;
    background-color: transparent;
}
.input, .textarea, .select {
    color: #fff !important;
    border: 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    border-bottom: 1px solid #356887 !important;
    padding: 0px !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  padding: 0 !important;
  -webkit-box-shadow: 0 0 0px 1000px #0B1822 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.choices__list--single .choices__item {
    color: #fff !important;
}

.choices__inner:disabled {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid darkgrey;   
}

.choices:focus {
    border-bottom: 1px solid #356887;
}

/*burger menu*/
/*.Menu_TopMenus {
    width: 60% !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.tablet .layout-top .is--visible .Menu_TopMenus, .phone .layout-top .is--visible .Menu_TopMenus, .tablet .layout-side .is--visible.navigation, .phone .layout-side .is--visible.navigation {
    transform: translateX(50%);
}
*/

::placeholder {
    padding-left: 0 !important;
}

.border-blue {
    border: 1px solid #356887;
}

.div-relative {
    position: relative;
}

/*text-white*/
.text-white{
    color: #fff;
}
/*icon eye*/
.icon-password {
    width: 35px;
    right: 0px;
    position: absolute;
    bottom: 10px;
    z-index: 2;
    top: 40px;
}
/*check box*/
.checkbox:checked:before, .TableRecords .TableRecords_Header [type="checkbox"]:checked:before {
    background-color: #129FE3;
    border: 1px solid #fff;
    /* border-radius: 5px; */
}
/*disabled*/
.choices-disabled .choices__inner {
    background-color: transparent !important;
    border-bottom: 1px solid #dee2e6 !important;
    border:0px;
}
.choices-disabled .choices__list--single .choices__item {
    color: var(--color-neutral-6) !important;
}

/* subscription table */
.Hide {
    display:none !important;
}

.ListRecords.d-flex {
    display: flex;
    flex-wrap: nowrap;
}

.ListRecords.d-flex div{
    margin-right: 0;
}

.Features_Wrapper .TableRecords tbody tr{
    min-height: 50px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    border: 1px solid #172C3A !important;
    border-radius: 0;
}

.Features_Wrapper .TableRecords tbody tr td:last-child {
    margin: 0 auto;
}

.Features_Wrapper .TableRecords tbody tr td:first-child span{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
table[cellSpacing] {
    border-collapse: collapse !important;
}

th {
    height: 31px;
}

.table-border {
   border: 1px solid #172C3A !important; 
}

.background-header-table {
    background-color: #122531 !important;
}

.background-group {
    background-color: #0D1E28 !important;
}

.background-feature {
    background-color: #0C1B26 !important;
}

.font-weight-lighter {
    font-weight: lighter;
}

.padding-plans {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 20px;
}

.padding-list-plans {
    padding-top: 10px;
    padding-bottom: 10px;
}

.full-width-100 {
    width: 100% !important;
}

.padding-last-row {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-last-row-header {
    padding-top: 27.5px;
    padding-bottom: 28px;
}

/* left navigation */
.NavigationLineGrey{
    border-left: 2px solid grey;
    height: 30px;
    width: 10px;
}

.NavigationLineBlue{
    border-left: 2px solid #129FE3;
    height: 30px;
    width: 10px;
}

/* padding */
.pl-20 {
    padding-left: 20px;
}
.pt-70 {
    padding-top: 70px;
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
    .Menu_TopMenus .margin-base {
        width: 100%;
    }
    .Menu_TopMenus .left_3_menu {
        text-align: left;
    }
    .width-full {
        width: 100% !important;
    }
    .app-logo-text {
        height: 55px !important; 
        width: 200px !important;
        margin-top: 20px !important;
        max-width: none !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 734px){
    .Menu_TopMenus .margin-base {
        width: 100%;
        text-align: left;
        
    }
    .width-full {
        width: 100% !important;
    }
    .app-logo-text {
        height: 55px !important; 
        width: 200px !important;
        margin-top: 20px !important;
        max-width: none !important;
    }
}

@media screen and (max-width: 599px) {
    .margin-login-info {
        margin-right: 125px !important;
    }
    .app-logo-text {
        height: 55px !important; 
        width: 200px !important;
        margin-top: 20px !important;
        max-width: none !important;
    }
}

.ImgPreview {
    border-radius:75px;   
}