@import url("/LiverpoolTheme/Theme.LiverpoolTheme.css?6138");

/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateLiverpool.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/
* {
    font-family: Rubik, sans-serif;
}

body{
    font-size: 14px;
    font-weight: 400;
}

/* rubik-300 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('/SIGA_LIB_Resources/rubik-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/SIGA_LIB_Resources/rubik-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/SIGA_LIB_Resources/rubik-v8-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
  }
  /* rubik-regular - latin */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('/SIGA_LIB_Resources/rubik-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/SIGA_LIB_Resources/rubik-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/SIGA_LIB_Resources/rubik-v8-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
  }
  /* rubik-500 - latin */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('/SIGA_LIB_Resources/rubik-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/SIGA_LIB_Resources/rubik-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-500.woff') format('woff'), /* Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/SIGA_LIB_Resources/rubik-v8-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
  }
  /* rubik-700 - latin */
  @font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('/SIGA_LIB_Resources/rubik-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/SIGA_LIB_Resources/rubik-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/SIGA_LIB_Resources/rubik-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/SIGA_LIB_Resources/rubik-v8-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
  }

.tooglebtn{
    border-radius: 100px;
}

/*phone tablet menu fix*/

.phone .Content,
.tablet .Content {
    padding-top: 150px;
}



/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/


html, body, a, select, fieldset, input, button, select, textarea, optgroup, option {
    font-family: Rubik;
}

.greencolor{
    color:white;
    background-color: #70ff87;
    border-color: #70ff87;
}

.LogoBackColor{
    background-color: #70ff87;
}

a,
a:link,
a:visited {
    color: #000;
    font-weight: 500;
}

a.Button{
    color: #999;
}
.Header{
    position: static;
}

.Header_Menu,
.Application_Menu {
    background-color: #ffffff;
    /*box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25) inset;*/
    white-space: nowrap;
}

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
    background-color: #ffffff;
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    background-color: #ffffff;
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}


/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    background-color: #ffffff; /*primary-color*/
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #ffffff; /*primary-color*/
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

a.Header_ButtonMenu {
    color: #fff;
}

.tablet .Application_Menu,
.phone .Application_Menu {
 box-shadow: none;
 overflow: visible;
 width: 150px; 
 position: static;
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone .Application_Menu a:visited,
.phone .Application_Menu a:visited {
    /*border-bottom-color: rgba(0,0,0,0.2);*/
    display: inline-block;
    border-bottom: 0px;
}

span.ListNavigation_CurrentPageNumber{
    color:#FFF;
}

.EditableTable tr.RowControlGroup a.SaveRowAction,
.EditableTable tr.RowControlGroup a.CancelRowAction{
    color: #70ff87; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default, .ButtonGroup_button.Button.active {
    background-color: #33d983; /*primary-color*/
    border-color: #33d983; /*primary-color*/
    color: #fff;
    text-shadow: none;
}


.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover,
.Button.Button.Is_Default:hover, .ButtonGroup_button.Button.active:hover {
    background-color: #70ff87; /*primary-color*/
    border-color: #70ff87; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Cancel {
    background-color: #fff;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
       
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #cfcfcf;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Link {
    color: #000; 
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #70ff87; /*primary-color*/
    color: #70ff87; /*primary-color*/
}

.Button.Danger{
    background-color: #e09d90;
    border-color: #df3a01;
    color: #fff;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #70ff87; /*primary-color*/
    border-color: #70ff87; /*primary-color*/
    color: #fff;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #70ff87; /*primary-color*/
    border-color: #70ff87; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}


a.ActionAdd:before, 
a.ActionEdit:before, 
a.ActionDelete:before, 
a.ActionChange:before, 
.Actions [class^=fa]{
    background: #70ff87; /*primary-color*/
}

.DropdownMenu .PH > a {
    color: #70ff87; /*primary-color*/
}

.DropdownMenu .PH > a:hover {
    background-color: #efefef;
    color: #70ff87; /*primary-color*/
    text-decoration: none;
}

.phone .Login_Info_Logout:before,
.tablet .Login_Info_Logout:before {
    color: #70ff87; /*primary-color*/
}

.IconBadge_number {
    background-color: #70ff87; /*primary-color*/
}

.NavigationBar a.Active:after {
    background-color: #70ff87; /*primary-color*/
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #70ff87; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #70ff87; /*primary-color*/
}



/* Responsive Context **************************/

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #70ff87; /*primary-color*/
}


.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #70ff87; /*primary-color*/
}


/* NavigationBar: Vertical **************************/

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #70ff87; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    border-left-color: #70ff87; /*primary-color*/
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #70ff87; /*primary-color*/
}


.SectionIndex a.active, 
.SectionIndex a:hover{
    border-bottom-color: #70ff87; /*primary-color*/
    color: #70ff87; /*primary-color*/
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical  a:hover{
    border-left-color: #70ff87; /*primary-color*/
}

.Tabs__tab.active {
    border-top: 1px solid #ccc;
}

/* Calendar **************************/
.pika-prev:after,
.pika-next:after {
    color: #70ff87; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #70ff87; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #70ff87; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #70ff87; /*primary-color*/ 
}

/* Calendar DEPRECATED **************************/
.Calendar-dayNames {
    border-top-color: #70ff87; /*primary-color*/
}

.Calendar-navBtn > div {
    color: #70ff87; /*primary-color*/
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #70ff87; /*primary-color*/
}

.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #70ff87; /*primary-color*/
}


/* OS PopUps **************************/

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #70ff87; /*primary-color*/
}

div.os-internal-Popup .os-internal-ui-dialog.os-internal-ui-draggable .os-internal-ui-dialog-titlebar.os-internal-header-space, 
div.os-internal-Popup.os-internal-ui-dialog.os-internal-ui-draggable .os-internal-ui-dialog-titlebar.os-internal-header-space {
    height: 0px !important;   
}
    

/* Wizard **************************/

.WizardStep:before {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2;
}

.WizardStep.ActiveStep {
    background: #70ff87; /*primary-color*/
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #70ff87; /*primary-color*/
    border-top-color: #70ff87; /*primary-color*/
}

.WizardStep.Past {
    background-color: #70ff87; /*primary-color*/
}

.WizardStep.Past:before {
    border-color: #70ff87; /*primary-color*/
}

.WizardStep.Past:after,
.WizardStep.ActiveStep:after {
    border-right-color: #efefef;
    border-top-color: #efefef;
}




/************* Custom CSS *************/

.Actions{
    text-align: center;
}

/************* Patterns *************/


/*Checkbox*/

html input[type="checkbox"]{
    background-color: #ffffff;
    box-shadow: none;
    height: 11px;
    width: 11px;
}

/*
html input[type="checkbox"]:before{
    background-color: #ffffff;
    border: solid 1px #d2d2d2;
    border-radius: 0px;
    box-shadow: none;
}

html input[type="checkbox"]:after {
    border: 2px solid #111;
    border-right: 0;
    border-top: 0;
    height: 20px;
    left: 20%;
    top: 30%;
    width: 20px;
}*/

html input[type="checkbox"]:before{
    background-color: #fff;
    border: solid 1px #d2d2d2;
    height: 20px;
    width: 20px;
    border-radius: 0;
}

.Form input[type="checkbox"].SmartInput{
    border: none;
}

html input[type="checkbox"]:after{
    background: url(/SIGA_LIB_Resources/svg/greenCheck.svg) no-repeat center #fff; 
    background-color: #fff;
    border: solid 2px #33d983;
    content: " ";
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
    top: 0;
    -webkit-transform: rotate(0);
}


/* Radio Button */

html input[type="radio"]:after{
    background: #33d983;
    border: none;
    height: 7px;
    left: 3px;
    top: 3px;
    width: 7px;
}
    
html input[type="radio"]{
    height: 11px;
    width: 11px;
}



/* Layout */

.Content {
    background: #f9f9f9;
    font-size: 10px;
    margin-bottom: -70px;
    min-height: 94%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
}

.MainContent{
 background-color: transparent;  
}

.Header{
    background-color: #141e23;
    height: 59px;
}


.Header_Padding{
    height: 59px;
    max-width: 80vw;
    padding: 5px 0px 5px 0px;
}

.Header_Menu, .Application_Menu {
    background-color: #ffffff;
    box-shadow: none;
    white-space: nowrap;
}

.header_logo {
    width: 50px;
    height: 50px;
}

.{}


html .ThemeGrid_Container {
    max-width: 80vw;
    padding-left: 0px;
    padding-right: 0px;
}

.Menu_Padding {
    max-width: 80vw;
    width: 100%;
}

.Footer {
    min-height: 71px;
    background-color: #141e23;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0px;
}

.FooterLink{
    color: #8a8a8a;
    padding: 1.5%;
    font-size: 10px;
}

.FooterLink:hover{
    text-decoration: underline;
}

.Footer_Container{
    width: 80vw;
    height: 40px;
    color: #ffffff;
    font-size: 10px;
    padding: 15px 14px;
    text-align: left;
    line-height: 10px;
}




/* -------- */

/* ListNavigation */

span.ListNavigation_CurrentPageNumber {
    background-color: #9b9b9b;
    border: solid 1px #dee0e3;
}

a.ListNavigation_PageNumber:link, span.ListNavigation_CurrentPageNumber, a.ListNavigation_Previous:link, a.ListNavigation_Next:link {
  border: solid 1px #dee0e3;
  font-size: 14px;
  transition: 0s;
}

span.ListNavigation_Ellipsis{

    background-color:#80808038;
    -webkit-animation: 0;
    border: 0px;
    box-shadow: none;
}

span.ListNavigation_Ellipsis:hover{
    background-color:#80808038;
    -webkit-animation: 0;
    border: 0px;
    box-shadow: none;

}

span.ListNavigation_Ellipsis:active{
    background-color:#80808038;
    -webkit-animation: 0;
    border: 0px;
    box-shadow: none;
}

.Title_Section {
    margin-top: 0px;
}

a.ListNavigation_PageNumber:link:hover, a.ListNavigation_Previous:link:hover, a.ListNavigation_Next:link:hover {
    background-color: #9b9b9b;
    border: solid 1px #dee0e3;
    box-shadow: none;
    color: #FFF;
    text-decoration: none;
    transition: 0s;
}

.ListNavigation_Next:after, .ListNavigation_DisabledNext:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0px;
}

.ListNavigation_Previous:before, .ListNavigation_DisabledPrevious:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 0px;
}

/* -------- */

/* TableRecords */

.TableRecords {
    border: none;
}

.TableRecords_EvenLine, .TableRecords_OddLine {
    background-color: #FFF;
    color: #9b9b9b;
    font-size: 10px;
    border-top: solid 0.5px #dee0e3;
    vertical-align: middle;
}

.TableRecords_Header:first-child, .desktop .TableRecords_Header:first-child{
    padding-left: 30px;
}

.TableRecords tbody tr td a:hover {
    text-decoration: none;
}

.TableRecords tr:first-child td {
    border: none;
}

.TableRecords_Header {
    border-bottom: 1px solid #70ff87;
    color: #2e3136;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 10px 20px;
}

.desktop .TableRecords > tbody > tr:hover, .desktop .TableRecords > tbody > tr:hover td, .desktop .EditableTable > tbody > tr:hover td {
    background: #efefef;
    cursor: pointer;
}

.TableRecords input[type="radio"]:disabled, .TableRecords input[type=checkbox]:disabled {
    cursor: default;
}

.TableRecords textarea, .TableRecords select,.TableRecords  input[type="text"],.TableRecords  input[type="password"],.TableRecords  input[type="datetime"],.TableRecords  input[type="datetime-local"],.TableRecords  input[type="date"],.TableRecords  input[type="month"],.TableRecords  input[type="time"],.TableRecords  input[type="week"],.TableRecords  input[type="number"],.TableRecords  input[type="email"],.TableRecords  input[type="url"],.TableRecords  input[type="search"],.TableRecords  input[type="tel"],.TableRecords  input[type="color"],.TableRecords  .Form input.ReadOnly,.TableRecords  .Form textarea.ReadOnly,.TableRecords  .Form select.ReadOnly {
    font-size: 10px;
    height: 28px;
}

.TableRecords textarea {
    height: 56px;
    resize: vertical;
    line-height: 14px;
}

.rowHover{
    height: 100%;
    padding: 7px 0 7px 10px;
    width: 100%;
    text-decoration: none;
}

/* -------- */

/* Sort Columns */

.SortIcon{
    font-size: 5px;
    height: 13px;
    margin-left: 5px;
    vertical-align: bottom;
}

.SortIcon > span {
    display: block;
}

.SortColumns_Sorted {
    text-decoration: none;
    color: #70ff87;
}

.SortColumns_Sortable:hover, .SortColumns_Sorted:hover {
    color: #33d983;
    text-decoration: none;
}

/* -------- */

/* Buttons */

/* Buttons - Default */ 

.DefaultButton, .desktop .ButtonGroup_button.Button.active, .tablet .ButtonGroup_button.Button.active, .phone .ButtonGroup_button.Button.active{
    background-color: #70ff87;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 16px;
    padding: 8px 8px 8px 8px;
    text-align: center;
    vertical-align: middle;
    min-width: 114px;
    font-weight: normal;
}

.DefaultButton:hover, .desktop .ButtonGroup_button.Button.active:hover{
    background-color: #69f17f;
}

.DefaultButton:active{
    background-color: #5dda71;
}

a[disabled="disabled"] > .DefaultButton, a[disabled="disabled"]:hover .DefaultButton{
   opacity: 0.5;
}

/* Buttons - Filter */ 

.FilterButton{
    background-color: #141e23;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 16px;
    padding: 8px 0px 8px 0px;
    text-align: center;
    vertical-align: middle;
    width: 114px;
    font-weight: normal;
}

.FilterButton:hover{
    background-color: #464b4d;
}

.FilterButton:active{
    background-color: #000000;
}

.FilterButton:hover rect {
    fill: #464b4d;
}

.FilterButton:active rect {
    fill: #000000;
}

.FilterCounter{
    background-color: #d0021b;
    height: 16px;
    width: 16px;
    border-radius: 25px;
    position: absolute;
    right: -10px;
}

.FilterButtonContainer {
    position: relative;
    width: 114px;
}

.FilterCounter {
    background-color: #d0021b;
    height: 16px;
    width: 16px;
    border-radius: 25px;
    position: absolute;
    right: -8px;
    font-size: 10px;
    vertical-align: middle;
    color: #fff;
    font-size: 8px;
    line-height: 16px;
    padding: 1px 5px;
    text-align: center;
}

/* Buttons - Gray */ 

.GrayButton{
    background-color: #b3b3b3;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 16px;
    padding: 8px 8px 8px 8px;
    text-align: center;
    vertical-align: middle;
    min-width: 114px;
    font-weight: normal;
}

.GrayButton:hover{
    background-color: #a6a6a6;
}

.GrayButton:active{
    background-color: #999999;
}

a[disabled="disabled"]> .GrayButton, a[disabled="disabled"]:hover > .GrayButton{
   opacity: 0.5;
}

/* Buttons - Light Gray */ 

.LightGrayButton, .ButtonGroup_button.Button{
    background-color: #e6e6e6;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 16px;
    padding: 8px 8px 8px 8px;
    text-align: center;
    vertical-align: middle;
    min-width: 114px;
}

.LightGrayButton:hover, .desktop .ButtonGroup_button.Button:hover{
    background-color: #d9d9d9;
}

.LightGrayButton:active{
    background-color: #cccccc; 
}

a[disabled="disabled"] > .LightGrayButton, a[disabled="disabled"]:hover .LightGrayButton{
   opacity: 0.5;
}



/* Button Group */
.ButtonGroup_button.Button:first-child{
    border-bottom-left-radius: 0px;
    border-left: 1px solid #cbcbcb;
    border-top-left-radius: 0px;
    border: none;
}

.ButtonGroup_button.Button{
    border: none;
    font-weight: 500;
}
/* -------- */

/* Search Input */

.InputSearchIcon svg{
    vertical-align: middle;
}

.InputSearch{
    border: solid 1px #dee0e3;
    background-color: #FFF;
    box-shadow: none;
    font-size: 12px;
    height: 30px;
    line-height: 25px;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    width: 137px;
    
}

.InputSearchBig{
    border: solid 1px #dee0e3;
    background-color: #FFF;
    box-shadow: none;
    font-size: 12px;
    height: 30px;
    line-height: 25px;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    width: 300px;   
}


.InputSearch:hover, .InputSearch:focus, .InputSearch:focus-within, .InputSearchBig:hover, .InputSearchBig:focus, .InputSearchBig:focus-within{
    background-color: #FFF;   
    border: solid 1px #9b9b9b;
    cursor: text;
}

.InputSearch input[type="text"] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 12px;
    height: 30px;
    margin: 0px;
    padding: 0px 5px 0px 0px;
    width: 100px;
    
}

.InputSearchBig input[type="text"] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 12px;
    height: 30px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    width: 250px;
    
}

.InputSearch input[type="text"]:hover, .InputSearch input[type="text"]:focus, .InputSearchBig input[type="text"]:hover, .InputSearchBig input[type="text"]:focus {
    border: none;
    box-shadow: none;
}

.InputSearchIcon{
    height:21px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 21px;
}

/* -------- */

/*Inputs*/

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .Form textarea.ReadOnly, .Form input:not([type='radio']), .Form select.ReadOnly{
    box-shadow: none;
    border-radius: 0px;
    border: solid 1px #dee0e3;
    font-size: 12px;
    vertical-align: middle;
    height: 30px;
    line-height: 20px;
}

select:active, input[type="text"]:active, select:hover, input[type="text"]:hover {
    border: 1px solid #949494;
}

/* -------- */

/* Action Input Label */

.ActionInputLabel{ 
    background-color: #9b9b9b;
    color: white;
    cursor: default;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    width: 80px;
}

.ActionInputLabelIcon{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



/* -------- */

/* Select2 */


.ActionsDropdown{
    min-width: 125px;    
}

.select2-container{
    font-size: 12px;
    vertical-align: middle;
}

.select2-container-multi .select2-choices {
    box-shadow: none;
}

.select2-container .select2-choice {
    border-radius: 0;
    height: 30px;
    line-height: 28px;
}

.select2-search input {
    background:  url('/SIGA_LIB_Resources/svg/Search.svg') no-repeat 95%;
}

.select2-results {
    color: #9b9b9b;
    font-size: 10px;
}

.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
    background: url('/SIGA_LIB_Resources/svg/ArrowDown.svg') no-repeat 3px;
}

.select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div{
    border-left: none;
    background-color: transparent;
}

.selectDNS .select2-container .select2-choice .select2-arrow{
    background-color:#fff !important;   
}

.select2-results .select2-highlighted {
    background: #70ff87;
    color: #000;
}

.select2-container .select2-choice > .select2-chosen {
    float: left;
}



/* -------- */

/* Card Header */

.CardHeader{
    background-color: #ffffff; 
    height: 45px;
    padding: 10px;
    width: max-content;
}

.CardHeaderTitle{
    font-size: 14px;
    font-weight: 500;
    height: 14px;
}

.CardHeaderSubtitle{
    font-size: 10px;
}

.CardHeaderIcon{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.CardHeaderIcon img{
    height: 20px;
    width: 16px;
}


.CardHeaderText{
    margin-left: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: max-content;   
}

/* -------- */

/* List Navigation */

a.ListNavigation_PageNumber,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    padding: 5px 20px;
}

span.ListNavigation_DisabledNext,
a.ListNavigation_Next {
    padding: 3px 0px 3px 6px;
}

a.ListNavigation_Previous,
span.ListNavigation_DisabledPrevious {
    padding: 3px 6px 3px 0px;
}

span.ListNavigation_CurrentPageNumber {
    font-weight: bold;
}

span.ListNavigation_DisabledPrevious,
span.ListNavigation_DisabledNext {
    color: gray;
}


/* -------- */
/* Modal */

body.ModalOpened .ModalContainer {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    z-index: 21;
}

.ModalContainer {
    background: url('/SIGA_LIB_Resources/svg/ModalBg.svg') no-repeat center;
    background-size: cover;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    display: block;
    height: fit-content;
    max-height: 80vh;
    overflow-y: hidden;
    padding: 25px 25px 25px 25px;
    opacity:0;
    overflow-y: auto;
    top: 50%;
    z-index: -1;
    max-width: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}

.ModalContainer .ModalButtonNotFirst{
    margin-left: 20px;   
}


body.ModalOpened .ModalBackground {
    background-color: #141e23;
    display: block;
    opacity: 0.6;
}


/* -------- */
/* Card */

.InfoCard{
    background-color: #FFF;
    margin-top: 2px;
    padding: 25px;
    width: 100%;
}

.TableLayoutContainer .InfoCard{
    padding: 0px 15px 15px;
}

/* -------- */
/* Label */

.SimpleLabel{
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.Subtitle{
    color: #9b9b9b;
    font-size: 11px;
}

/* -------- */
/* Tabs */

.Tabs {
    background: transparent;
    border: none;
}


.Tabs_header {
    background: transparent;
}


.Tabs__tab {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #dee0e3;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
}

.Tabs__tab.active {
    border: none;
    border-bottom: 4px solid #70ff87;
    background-color: transparent;
    color: #141e23;
    font-weight: 500;
}

.Tabs__tab:hover {
    background-color: transparent;
    border-bottom: 4px solid #70ff87;
    color: #141e23;
    font-weight: 500;
}

.Tabs_body {
    background-color: transparent;
    padding: 15px 0px 15px 0px;
}


/* -------- */

/* Section Expandable */

/*  Custom Section Expandable  */
/*  Base styles */

.generictoggle {
    background-color: #fff;
    color: #9b9b9b;
    cursor:pointer;
    display:block;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    width: 100%;
    
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.generictoggle:hover {
    
}

.generictoggle.active {
    color: #141e23;
}

.generictogglePayment {
    background-color: #fff;
    color: #9b9b9b;
    cursor:pointer;
    display:block;
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    width: 100%;
    
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.generictogglePayment:hover {
    
}

.generictogglePayment.active {
    color: #141e23;
}

.toggleContent {
    background-color: #fff;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;
    width: 100%;
}

.GenericToggleTitle{
    line-height: 40px;
    padding-left: 24px;
    width: 95.5%;
}

.GenericToggleArrow{
    background: url('/SIGA_LIB_Resources/svg/ArrowRight.svg') #fff no-repeat center;
    height: 100%;
    width: 4.5%;
}

.generictoggle.active .GenericToggleArrow {
    background: url('/SIGA_LIB_Resources/svg/ArrowDown.svg') #fff no-repeat center;
}

.generictogglePayment.active .GenericToggleArrow {
    background: url('/SIGA_LIB_Resources/svg/ArrowDown.svg') #fff no-repeat center;
}


/* -------- */

/* Page Top Corner Info */


/* Page Top Corner Info - User Menu */
.HeaderLogoContainer{
    vertical-align: middle;    
    /*background:url(/SIGA_FO/ChooseLogo.aspx) no-repeat 0 0;*/
    height: 40px;
    padding-top:3px;
}

.Logo{
    height:40px;
    max-width: 100%;
}

.TopCornerInfo{
    vertical-align: middle;
    margin-top: 10px;
}

.TopCornerInfo .UserNameContainer{
    margin-left: 20px;
    vertical-align: middle;
    width: auto;
}

.TopCornerInfo .MenuUserName{
    color: #FFF;
    font-size: 10px;
    height: 12px;
    vertical-align: middle;
}

.TopCornerInfo .MenuUserProfile{
    color: #70ff87;
    font-size: 12px;   
    font-weight: 600;
    vertical-align: middle;
}

.TopCornerInfo .fa-caret-down:before {
    content: "\f107";
    color: #70ff88;
    margin-left:80px;
    vertical-align: middle;
}

.TopCornerInfo .InlineDropdown_label > div {
    vertical-align: middle;
}

.TopCornerInfo .open > .DropdownMenu {
    box-shadow: none;
    border-radius: 0px;
    border: none;
    background-color: #141e23;
    color: white;
    font-size: 12px;
    left: unset;
    padding: 0px;
    right: -15px;
    margin-top: 15.8%;
    margin-right: -65px;
}

.TopCornerInfo .DropdownMenu .PH > a {
    color: #FFF;
}

.TopCornerInfo .DropdownMenu .PH > a:hover {
    background-color: #70ff87;
    color: black;
    text-decoration: none;
}

.TopCornerInfo a, .TopCornerInfo a:link, .TopCornerInfo a:visited {
    -webkit-transition: 0s;
    transition: 0s;
}

.TopCornerInfo .LogoutIcon{
    color: #9b9b9b;
    height: 16px;
    width: 14px;
}

.TopCornerInfo .LogoutLink{
    color: #9b9b9b;
    height: 16px;
    width: 14px;
}

.TopCornerInfo .SelectedLanguage {
    color:#70ff87;
}
.TopCornerInfo .LanguageCode {
    color: #9b9b9b;
}

.OSInline .LanguageContainer {
    text-align: left;
    margin-right: 40px;
    vertical-align: middle;
}



/* Page Top Corner Info -  Date */

.TopCornerInfo .MenuDateContainer {
    margin-right: 20px;
    vertical-align: middle;
}

.TopCornerInfo .MenuWeekDay{
    color: #70ff87;
    font-size: 10px;
    height: 12px;
    vertical-align: middle;
}

.TopCornerInfo .MenuDate{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;   
}


/* Page Top Corner Info -  Notification Bell */

.NotificationIcon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}


.NewNotificationAlert {
    background-color: #d0021b;
    height: 16px;
    min-width: 16px;
    border-radius: 25px;
    position: absolute;
    right: -10px;
    color: #fff;
    font-size: 8px;
    line-height: 16px;
    padding: 1px 5px;
    text-align: center;
}

/*------------------*/
/*      SCROLL      */
/*------------------*/

::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
 
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15);
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.3);
}

.ModalContainer::-webkit-scrollbar{
    background-color: #70ff87;
}


/*------------------*/
/*      ICONS       */
/*------------------*/

.icon-size{
    height: 16px;
    width: 16px;
}

.add-button-box{  
    margin-top: 2px;
    text-align: right;
    width: 100%;
}

.Feedback_Message_Error:before {
    content: ""; /*excalmation-triangle at http://fortawesome.github.io/Font-Awesome/icons/ */
}



/*-------------------*/

/*--------------------*/
/*    Fancy Label     */
/*--------------------*/

.FancyLabelGreenSquare{
    background-color: #70ff87;
    height: 11px;
    width: 11px;
    position: relative;
    top: 2px;
}

.FancyLabelText{
    color: #141e23;
    font-family: Rubik;
    font-size: 12px;
    font-weight: 500;
    margin-left: 9px;
    position: relative;
    text-transform: uppercase;
}

.generictoggle .FancyLabelGreenSquare {
    top:14px;
}

.generictogglePayment .FancyLabelGreenSquare {
    top:14px;
}


/*-----------------------------*/
/*    Tooltips/Balloons        */
/*-----------------------------*/

.Balloon_content{
    background-color: black;
    font-size: 10px;
    line-height: 12px;
    max-width: 300px;
    color: white;
}

.tooltipster-arrow-border {
    top: -7px !important;
    border-color: black !important;
    z-index: 1890999999;
}

.InfoBaloonImage{
    background: url("/SIGA_LIB_Resources/svg/infoBaloonImage.svg") no-repeat center;
    height: 16px;
    width: 16px;
}

/*--------------------*/
/*    Alerts          */
/*--------------------*/

.Alert.Info {
    background-color: #70ff87;
    border-color:  #70ff87;
    color: #333;
}


.Alert.Warning {
    background-color: rgb(255, 242, 80);
    border-color:  rgb(255, 242, 80);
    color: #333;
    margin-right: 5px;
}


.Alert.Error {
    background-color: rgb(255, 79, 79);
    border-color:  rgb(255, 79, 79);
    color: #333;
}

.Alert span.fa {
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 10px;
}

/*--------------------*/
/*    Host Section    */
/*--------------------*/

.host-section{
    padding: 20px 30px;
    width: 100%;
    background-color: #ffffff;
}

.edited-line{
    background-color: black;
    color: #70ff87;
}


/*--------------------*/
/*      Calendar      */
/*--------------------*/

.pika-single{
    z-index: 101; /* Over modal */
}

.pika-title .pika-label{
    background-color: #70ff87;
    color: #000;
    font-size: 12px;
    line-height: 15px;
}

.pika-title{
    height: 40px;
}

.pika-table{
    background: url('/SIGA_LIB_Resources/svg/ModalBg.svg');
}

.pika-button{
    border: 1px solid transparent;
    color: #fff;
}

.pika-time-container{
    background: url('/SIGA_LIB_Resources/svg/ConfirmationMessageBg.svg');
}

.pika-prev:after, .pika-next:after{
    color: #000;
}

.Calendar-navBtn > div {
    color: #000;
}

body > .Calendar-topCont .Calendar-day, body > .Calendar-topCont .Calendar-weekNumber, .Calendar-dayNames div, .Calendar-bottomBar-today, .triggerTime, .triggerTimeBack{
    border: 1px solid #70ff87;
    color: #fff;
    font-weight: 500;
}

.Calendar-day:hover, .Calendar-bottomBar-today:hover, .triggerTime:hover, .triggerTimeBack:hover{
    background-color: #70ff87;
    color: #000;
}

.pika-table th{
    border-bottom: 1px solid #70ff87;
    color: #fff;
    opacity: 1;
}

abbr[title]{
    text-decoration: none;
}

.Calendar-bottomBar-today, .triggerTime, .triggerTimeBack{
    opacity: 1;
}

.is-selected .pika-button{
    color: #000;
}

.is-today.is-selected .pika-button{
    color: #000;
}

.is-today .pika-button{
    color: #70ff87;
}

 /*-----------------*/
 
.calendar {
    z-index: 101; /* Over modal */
    border: 0;
    color: #333;
    cursor: default;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.calendar table {
    background: url(/SIGA_LIB_Resources/svg/ModalBg.svg);
    border: 1px solid #33d983;
}
div.calendar thead .title {
    background-color: #33d983;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

div.calendar thead .daynames {
    border-bottom: 1px solid #33d983;
}

div.calendar thead .daynames .weekend, div.calendar thead .daynames .name  {
   color:white;
   font-weight: normal;
}

div.calendar .button {
    background-color: #33d983;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

div.calendar thead .button.notclose {
    color: #000;
    line-height: 15px;
}

div.calendar thead .button.notclose.hilite {
    background: #33d983;
    cursor: pointer;
}

div.calendar tbody .day, div.calendar tbody .emptycell{
    background: transparent;
    color: white;
}

div.calendar tbody td.weekend {
    color: white   
}

div.calendar tbody td.selected {
    background: #33d983;
}

div.calendar tbody td.hilite {
 background-color: #ccc;
 cursor: pointer;
}

div.calendar tfoot .ttip {
    background: transparent;
    color: white;
    border: 1px solid #33d983;
}





/*--------------------*/
/* File upload widget */
/*--------------------*/

.FileUpload .Button {
    color: black;
    font-size: 12px;
    font-weight: 500;
}
.FileUpload {
    background-color: #dee0e3;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 10px;
    overflow: hidden;
}



/*--------------------*/
/*    Margins Top     */
/*--------------------*/

.mt2{
    margin-top: 2px;    
}

.mt5{
    margin-top: 5px;    
}

.mt8{
    margin-top: 8px;    
}

.mt10{
    margin-top: 10px;    
}

.mt12{
    margin-top: 12px;   
}

.mt14{
    margin-top: 14px;    
}

.mt16{
    margin-top: 16px;    
}

.mt18{
    margin-top: 18px;    
}

.mt20{
    margin-top: 20px;    
}

.mt25{
    margin-top: 25px;    
}

/*--------------------*/
/*    Margins Left    */
/*--------------------*/

.ml2{
    margin-left: 2px;
}

.ml5{
    margin-left: 5px;
}

.ml10{
    margin-left: 10px;
}

.ml20{
    margin-left: 20px;   
}


/*--------------------*/
/*    Margins Right   */
/*--------------------*/

.mr20{
    margin-right: 20px;   
}

.mr2percentage{
    margin-right: 2%;   
}

/*--------------------*/
/*       Heigth       */
/*--------------------*/

.height264{
    height: 264px;
}

.height264 .InfoCard{
    height: 100%;
}

.height320{
    height: 320px;
}

.height320 .InfoCard{
    height: 100%;
}

/*--------------------*/
/*    Font Sizes   */
/*--------------------*/

.Rubik12{
    font-size: 12px;   
}

.Rubik10{
    font-size: 10px;   
}

/*--------------------*/
/*    Combo Box   */
/*--------------------*/

.ComboCostumize{
    margin-right: 20px;
    color: #70ff87;
    background-color: black;
    border-color: #70ff87;
    background-image: url('/SIGA_LIB_Resources/img/ArrowCombo.png?6662');
    background-repeat: no-repeat;
    background-position: right;
    background-origin:content-box;
    padding-right: 4px;
}


/*--------------------*/
/*    Mandatory Field   */
/*--------------------*/

.MandField{
    display:inline-block; 
    margin:0 0 0 4px; 
    font-size:12px; 
    color:#a83909; 
    font-style:normal; 
    font-family:Arial,sans-serif; 
    font-weight:bold;
}

.SymbolMand{
    font-size: 12px;
    color: #ea4b06;
    margin-left: 2px;
    
}

/*--------------------*/
/*    Action Links    */
/*--------------------*/

.ActionLink{
    color: #8a8a8a;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.ActionLink:hover{
    color: #000;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

.ActionButtonsChild{
    padding-top: 0.5%;
}


/*--------------------*/
/*   Tooltip Custom   */
/*--------------------*/

/*This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!):*/
.tooltipster-default {
    border-radius: 5px; 
    border: 2px solid #000;
    background: #fff !important;
    color: #000 !important;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0; 
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -6px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border {
    top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}


@media only screen and (max-width: 1200px) {
    html .ThemeGrid_Container  {
        max-width: 1024px;
    }
    
    .Header_Padding{
        max-width: 1024px;
        padding-left: 15px;
    }

    .Menu_Padding {
        /*max-width: 1024px;*/
    }
    
    .Footer_Container{
        width: 1024px;    
    }
    
    .FooterLink{
        padding: 1.25%;
    }
}

/*------------POPUP---------------*/

.BackgroundPopUp{
    background: url('/SIGA_LIB_Resources/svg/ModalBg.svg') ;
    padding: 40px;
    overflow: hidden;
}


.PopUpModal{
    /*transform: translateX(0) translateY(0) translateZ(0);*/
    padding: 30px;
    background-color: #fff;
    color: #333;
    /*white-space: nowrap;*/
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title{
    background: url(/SIGA_LIB_Resources/ClosePopUpGr.svg) no-repeat 1px 5px ;
    height: 30px;
    right: 15px;
    top: 5px;
    /*transition: all .3s ease;*/
    width: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover{
    background: url(/SIGA_LIB_Resources/ClosePopUpGr.svg) no-repeat 1px 5px ;
    transform: none;
}

.whois{
    color:red;
    text-transform: uppercase;
}

.heightLogin{
    
min-height:250px;

}

/********** Login **********/

/* Input */

.PasswordContainer{
    margin-top: 8.6%;   
    margin: 8.6% 12.4% 0px 12.4%;
}

.UsernameContainer{
    margin-top: 5.4%;
    margin: 8.6% 12.4% 0px 12.4%;
}

.UsernameContainer input[type="text"], .PasswordContainer input[type="password"], .sigav1-UsernameContainer input[type="text"], .sigav1-UsernameContainer input[type="password"]{
    border-width: 0px 0px 1px 0px;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: 0 0 0 30px white inset;
    padding: 0;
    font-size: 16px;
 }
 
 .UsernameContainer input[type="text"]:hover, .PasswordContainer input[type="password"]:hover,  .UsernameContainer input[type="text"]:focus, .PasswordContainer input[type="password"]:focus, .sigav1-UsernameContainer input[type="text"]:focus, .sigav1-UsernameContainer input[type="password"]:focus{
    border-color: #70FF9B;
    -webkit-transition: 0.5s;
    transition: 0.5s;
 }
 
 .Input-Title-Login{
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #141e23;
 }
 
 .sigav1-UsernameContainer
 {
     margin: 3% 12.4% 0px 12.4%;
 }
 
 /* Create Account */
 
 .CreateAccountText{
    font-size: 12px;
    color: black;
}
.CreateAccountText:hover {
    color: #70ff9b;
    text-decoration: none;
}
 
 /* Background */
 
.LoginBackground{
    background-image: url("/SIGA_LIB_Resources/svg/LoginBackground.svg");
    height: 100vh;
    width: 100%;
    padding-left: 33.1%;
    padding-top: 18.8%; 
    background-size: 100%;
}


/* Logo */

.LoginLogo{
    height: 79px;
    width: 123px;
}


/* Box */

.LoginBox {
    background-color: #ffffff;
    box-shadow: 25px 25px rgb(223,244,233);
    opacity: 0.9;
    width: 350px;
    position: fixed;
    padding: 64px 0 40px 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.LinksBox{
    padding: 16px 42px;    
}

/* Button */

.LoginBox .DefaultButton{
    width: 75.2%;
    margin: 8.6% 12.4% 0px 12.4%;
    font-weight: 500;
    font-size: 16px;
}

.LoginButton{
    background-color: #70ff87;
    color: #4a4a4a;
    width: 75.2%;
    margin: 6% 12.4% 0px 12.4%;
    font-weight: 500;
    vertical-align:middle;
    font-size:16px;
    padding:16px 8px;    
}

.CancelButton{
    background-color: #b3b3b3;
    color: #4a4a4a;
    width: 75.2%;
    margin: 6% 12.4% 0px 12.4%;
    font-weight: 500;
    vertical-align:middle;
    font-size:16px;
    padding:16px 8px;  
}

.LeftHalf{
    text-align: left;    
    width: 50%;
}

.RightHalf{
    text-align: right;
    width: 50%;
}


.CreateRecoverLink{
    font-family: Rubik;
    font-size: 10px;
    color: #000000;
}

.CreateRecoverLink:hover{
    font-style: underline;
}



/* Keep Connected Checkbox */

.KeepConnectedText{
    font-size: 10px; 
    font-family: Rubik;
    color: #70ff87;
}

.KeepMeLockedInContainer{
    margin: 8.6% 12.4% 0px 12.4%;
}


html input[type="checkbox"]{
    height: 22px;
    width: 22px;
    padding: 2px;
}
/*
html input[type="checkbox"]:after {
    border: 3px solid #111;
    border-right: 0;
    border-top: 0;
    height: 20px;
    width: 20px;
}*/

.mt20{
    margin-top: 20px;
}

.bordertopgrey{
    border-top: 1px solid #70ff87;
}

.height-input{
    min-height: 70px;
}

.max-width700{
 max-width: 700px;   
}

.PendPaymentsColor{
    color: #ffcb48;
    font-weight: normal;
    font-size: 12px;
}

.ContPendPayments{
    vertical-align: middle;
    margin-right: 20px;
    border: 1px solid #ffcb48;
    padding: 5px;   
}

.Balloon_content {
    max-width: 500px;
    background-color: #FFF;
    color: #000;
    border: 2px solid #000;
}

.Top10RegistrarsTable {
    padding: 7px !important;
}