@import url("/Corovan_Base_Th/Theme.Corovan_Base_Th.css?696");

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

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

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

/*

    To override a style copy and paste it to
    the application theme and then modify it

    File: Corovan V1 Theme

    $0. Fonts & CSS Variables
     0.1 Fonts
     0.2 Css Variables

    $1. General Properties
     1.1 General Properties > a links
     1.2 General Properties > Margins

    $2. Structure
     2.1 Structure > Header     
     2.2 Structure > Menu
     2.3 Structure > Footer
     2.4 Structure > Content
     2.5 Structure > Sidebar
     2.6 Structure > Title Section
     2.7 Structure > Website
     2.8 Structure > Secondary Menu
     2.9 Structure > Right Container
     2.10 Structure > Dashboard
     2.11 Structure > Corovan WBs
     2.12 Structure > TabMenu | MenuMiddlePage

    $3. Forms
     3.1 Forms > Radio Button & Checkbox
     3.2 Forms > Inputs, Selects & Textarea
     3.3 Forms > ReadOnly & Disabled
     3.4 Forms > High Charts
     3.5 Forms > Not Valid
     3.6 Forms > InputDate

    $4. Buit-in widgets
     4.1 Buit-in widgets > Filter Form
     4.2 Buit-in widgets > EditableTable
     4.3 Buit-in widgets > TableRecords

    $5. RichWidgets
     5.1 RichWidgets > Feedback Ajax Loading
     5.2 RichWidgets > Feedback Message
     5.3 RichWidgets > List Navigation
     5.4 RichWidgets > Popup Editor

    $6. Login

    $7. SILK Patterns
     7.1 SILK Patterns > Content
     7.2 SILK Patterns > Controls
     7.3 SILK Patterns > Data
     7.4 SILK Patterns > Layout
     7.5 SILK Patterns > Mobile
     7.6 SILK Patterns > Navigation

    $8. Usefull Classes
     8.1 Usefull Classes > Text Classes
     8.2 Usefull Classes > Buttons
     8.3 Usefull Classes > Background Colors
     8.4 Usefull Classes > Text Colors

    $9. Corovan V1 Patterns

    $10. Custom Classes

    $11. Studio Preview

    $12. Print
    
    $13. Customizations
     13.1 Customizations > Layout
    
*/

/*------------------------------------*\
      $0. Fonts
\*-------------------------------------*/


* Fonts > Font Definition */
html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
select,
textarea,
optgroup,
option {
   font-family: 'Helvetica';
}

.TileIcon_text,
.TileNumber_text,
.TileIconText_label,
.Heading1,
.Heading2,
.Heading3,
.Heading4,
.Header_title a,
.EditableTable thead td,
.TableRecords_Header {
    font-family: 'Helvetica';
}


/*Color*/
:root{
    /* Color - Brand */
    --color-primary: #2767B0;
    --color-secondary: #2264b0;
    
    --color-primary-hover: #3995FF;
    --color-primary-selected: rgba(39, 103, 176, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));

    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #868e96;
    --color-neutral-8: #5f6971;
    --color-neutral-9: #3a4147;
    --color-neutral-10: #3a4147;
    /*9,8,10 */
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #e03131;
    
    
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #2a843c;
    
    --color-info-light: #e5f5fc;
    --color-info: #009dde;


}
/*------------------------------------*\
    $1. General Properties
\*-------------------------------------*/
.app-logo {
    height:30px;
    margin-right: var(--space-s);
    width: 200px;
}

.fullWidthContainer{
    width: 100%;
}

.MarginLeft{
    margin-left: 20px;
}

.title {
    font-weight: bold;
    font-size: 18px;
}
/*------------------------------------*\
    $13. Customizations
\*-------------------------------------*/
/*------------------------------------*\
    13.1 Customizations > Screens
\*-------------------------------------*/

.Content_Wrapper {
    background-color: #fff;
    border: 1px solid #dadbde;
    border-radius:10px;
    box-shadow: 0 1px 2px rgba(211, 211, 211, .5);
    padding: 20px;
}

.LabelAsInForm{
    color: var(--color-neutral-7);
    vertical-align: top;
    position: relative;
}

.no-wrap{
    white-space: nowrap;
}

.Application_Menu {
    margin: 30px 0px 0px 0px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.linkcolor{
    color: var(--color-primary);
}

.pika-single.is-bound {
    z-index: 999999;
}

.file-upload {
    font-size: 20px;
}

.textBaseColor {
    color:black;
}

.cursor-pointer {
    cursor: pointer;
}

.progress-container .progress-title {
    white-space: nowrap;
}

.display-none{
    display:none;
}

.detailJobs .columns.gutter-l > .columns-item {
    margin-bottom: 10px;
}

/* hack for IE to show the progress bar properly */
@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .progress-bar-IE { margin-bottom: 15px; } /* IE11 */
     }
     
.No-Wrap-To-Container{
  white-space: nowrap;
}     

.button-red{
    background-color: #ab2424;
    color: white;
}

.Button[disabled="disabled"]{
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-4);
    color: var(--color-neutral-6);
    pointer-events: none;
}

.desktop .layout-top .navigation.is--hidden,
.tablet .layout-side .navigation.is--hidden,
.phone .layout-side .navigation.is--hidden,
.desktop .layout-top .is--hidden .Menu_TopMenus,
.tablet .layout-top .is--hidden .Menu_TopMenus,
.phone .layout-top .is--hidden .Menu_TopMenus {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

div.modal-wrapper, div.modal-top, div.modal-footer {
    overflow: hidden;
}

.Responsive .Feedback_Message_Wrapper {
    margin-top: 35px;
}

div.modal-wrapper.animate.enter-scale.leave-scale,
div.modal-wrapper{
    max-width: 65em;
    overflow-y: auto;
}

div.modal-content {
    overflow-y: auto;
    overflow-x: hidden;
}

/*
* customize css to using center align component not forced witdh
*/
.custom-center-align{
    display: inline-flex;
    height: auto;
    width: auto;
}



/*
*custom css to make the 'Required Field' validation message from moving the input
*/
.relative-position{
    position: relative; 
}

.relative-position .ValidationMessage{
    position: absolute;
}

.search-results-container .panel-content {
    overflow-y: auto;
    max-height: 500px;
}

/*
*custom css to make the display flex for divs and other widgets
*/

.display-flex {
    display: flex;
}

.justify-content-space-between {
    justify-content: space-between;
}

.align-items-center {
    align-content: center;
}