@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?56757");

/*
@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?4637");

@import url(/FalconDesign/montserrat-medium-webfont.ttf);

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

    1. General Properties
    2. Structure
    3. Text formating
    4. Forms
    5. Built-in widgets
    6. RichWidgets
    7. Login
    
*/



/*------------------------------------*\
              $1. General Properties
\*-------------------------------------*/
@import url('/FalconDesign/all.min.css?103627');
/*font */
@font-face {
    font-family: 'Font Awesome 6 Pro';
    src:  
        url('/FalconDesign/fa-light-300.ttf') format('truetype'),
        url('/FalconDesign/fa-light-300.woff2') format('woff2');
    font-weight: 300 400;
    font-style: normal;
    font-display: swap;
}

.BaseIcon {
    
    color: currentColor;
    fill: currentColor;
    line-height: 1;
    font-family: 'Font Awesome 6 Pro';
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 2, 2018 */

/*
@import url(/FalconDesign/montserrat-medium-webfont.ttf);
@import url(/FalconDesign/Montserrat.ttf);*/


.w-0{width: 0px !important;}
.w-px{width: 1px !important;}
.w-0\.5{width: 0.125rem !important;} /* 2px */
.w-1{width: 0.25rem !important;} /* 4px */
.w-1\.5{width: 0.375rem !important;} /* 6px */
.w-2{width: 0.5rem !important;} /* 8px */
.w-2\.5{width: 0.625rem !important;} /* 10px */
.w-3{width: 0.75rem !important;} /* 12px */
.w-3\.5{width: 0.875rem !important;} /* 14px */
.w-4{width: 1rem !important;} /* 16px */
.w-5{width: 1.25rem !important;} /* 20px */
.w-6{width: 1.5rem !important;} /* 24px */
.w-7{width: 1.75rem !important;} /* 28px */
.w-8{width: 2rem !important;} /* 32px */
.w-9{width: 2.25rem !important;} /* 36px */
.w-10{width: 2.5rem !important;} /* 40px */
.w-11{width: 2.75rem !important;} /* 44px */
.w-12{width: 3rem !important;} /* 48px */
.w-14{width: 3.5rem !important;} /* 56px */
.w-16{width: 4rem !important;} /* 64px */
.w-20{width: 5rem !important;} /* 80px */
.w-24{width: 6rem !important;} /* 96px */
.w-28{width: 7rem !important;} /* 112px */
.w-32{width: 8rem !important;} /* 128px */
.w-36{width: 9rem !important;} /* 144px */
.w-40{width: 10rem !important;} /* 160px */
.w-44{width: 11rem !important;} /* 176px */
.w-48{width: 12rem !important;} /* 192px */
.w-52{width: 13rem !important;} /* 208px */
.w-56{width: 14rem !important;} /* 224px */
.w-60{width: 15rem !important;} /* 240px */
.w-64{width: 16rem !important;} /* 256px */
.w-72{width: 18rem !important;} /* 288px */
.w-80{width: 20rem !important;} /* 320px */
.w-96{width: 24rem !important;} /* 384px */
.w-auto{width: auto !important;}
.w-1\/2{width: 50% !important;}
.w-1\/3{width: 33.333333% !important;}
.w-2\/3{width: 66.666667% !important;}
.w-1\/4{width: 25% !important;}
.w-2\/4{width: 50% !important;}
.w-3\/4{width: 75% !important;}
.w-1\/5{width: 20% !important;}
.w-2\/5{width: 40% !important;}
.w-3\/5{width: 60% !important;}
.w-4\/5{width: 80% !important;}
.w-1\/6{width: 16.666667% !important;}
.w-2\/6{width: 33.333333% !important;}
.w-3\/6{width: 50% !important;}
.w-4\/6{width: 66.666667% !important;}
.w-5\/6{width: 83.333333% !important;}
.w-full{width: 100% !important;}
.w-screen{width: 100vh !important;}
.w-min{width: min-content !important;}
.w-max{width: max-content !important;}
.w-fit{width: fit-content !important;}
.w-auto{width: auto !important;}

.min-w-0{min-width: 0px !important;}
.min-w-px{min-width: 1px !important;}
.min-w-0\.5{min-width: 0.125rem !important;} /* 2px */
.min-w-1{min-width: 0.25rem !important;} /* 4px */
.min-w-1\.5{min-width: 0.375rem !important;} /* 6px */
.min-w-2{min-width: 0.5rem !important;} /* 8px */
.min-w-2\.5{min-width: 0.625rem !important;} /* 10px */
.min-w-3{min-width: 0.75rem !important;} /* 12px */
.min-w-3\.5{min-width: 0.875rem !important;} /* 14px */
.min-w-4{min-width: 1rem !important;} /* 16px */
.min-w-5{min-width: 1.25rem !important;} /* 20px */
.min-w-6{min-width: 1.5rem !important;} /* 24px */
.min-w-7{min-width: 1.75rem !important;} /* 28px */
.min-w-8{min-width: 2rem !important;} /* 32px */
.min-w-9{min-width: 2.25rem !important;} /* 36px */
.min-w-10{min-width: 2.5rem !important;} /* 40px */
.min-w-11{min-width: 2.75rem !important;} /* 44px */
.min-w-12{min-width: 3rem !important;} /* 48px */
.min-w-14{min-width: 3.5rem !important;} /* 56px */
.min-w-16{min-width: 4rem !important;} /* 64px */
.min-w-20{min-width: 5rem !important;} /* 80px */
.min-w-24{min-width: 6rem !important;} /* 96px */
.min-w-28{min-width: 7rem !important;} /* 112px */
.min-w-32{min-width: 8rem !important;} /* 128px */
.min-w-36{min-width: 9rem !important;} /* 144px */
.min-w-40{min-width: 10rem !important;} /* 160px */
.min-w-44{min-width: 11rem !important;} /* 176px */
.min-w-48{min-width: 12rem !important;} /* 192px */
.min-w-52{min-width: 13rem !important;} /* 208px */
.min-w-56{min-width: 14rem !important;} /* 224px */
.min-w-60{min-width: 15rem !important;} /* 240px */
.min-w-64{min-width: 16rem !important;} /* 256px */
.min-w-72{min-width: 18rem !important;} /* 288px */
.min-w-80{min-width: 20rem !important;} /* 320px */
.min-w-96{min-width: 24rem !important;} /* 384px */
.min-w-auto{min-width: auto !important;}
.min-w-1\/2{min-width: 50% !important;}
.min-w-1\/3{min-width: 33.333333% !important;}
.min-w-2\/3{min-width: 66.666667% !important;}
.min-w-1\/4{min-width: 25% !important;}
.min-w-2\/4{min-width: 50% !important;}
.min-w-3\/4{min-width: 75% !important;}
.min-w-1\/5{min-width: 20% !important;}
.min-w-2\/5{min-width: 40% !important;}
.min-w-3\/5{min-width: 60% !important;}
.min-w-4\/5{min-width: 80% !important;}
.min-w-1\/6{min-width: 16.666667% !important;}
.min-w-2\/6{min-width: 33.333333% !important;}
.min-w-3\/6{min-width: 50% !important;}
.min-w-4\/6{min-width: 66.666667% !important;}
.min-w-5\/6{min-width: 83.333333% !important;}
.min-w-full{min-width: 100% !important;}
.min-w-screen{min-width: 100vh !important;}
.min-w-min{min-width: min-content !important;}
.min-w-max{min-width: max-content !important;}
.min-w-fit{min-width: fit-content !important;}
.min-w-auto{min-width: auto !important;}

.h-0{height: 0px !important;}
.h-px{height: 1px !important;}
.h-0\.5{height: 0.125rem !important;} /* 2px */
.h-1{height: 0.25rem !important;} /* 4px */
.h-1\.5{height: 0.375rem !important;} /* 6px */
.h-2{height: 0.5rem !important;} /* 8px */
.h-2\.5{height: 0.625rem !important;} /* 10px */
.h-3{height: 0.75rem !important;} /* 12px */
.h-3\.5{height: 0.875rem !important;} /* 14px */
.h-4{height: 1rem !important;} /* 16px */
.h-5{height: 1.25rem !important;} /* 20px */
.h-6{height: 1.5rem !important;} /* 24px */
.h-7{height: 1.75rem !important;} /* 28px */
.h-8{height: 2rem !important;} /* 32px */
.h-9{height: 2.25rem !important;} /* 36px */
.h-10{height: 2.5rem !important;} /* 40px */
.h-11{height: 2.75rem !important;} /* 44px */
.h-12{height: 3rem !important;} /* 48px */
.h-14{height: 3.5rem !important;} /* 56px */
.h-16{height: 4rem !important;} /* 64px */
.h-20{height: 5rem !important;} /* 80px */
.h-24{height: 6rem !important;} /* 96px */
.h-28{height: 7rem !important;} /* 112px */
.h-32{height: 8rem !important;} /* 128px */
.h-36{height: 9rem !important;} /* 144px */
.h-40{height: 10rem !important;} /* 160px */
.h-44{height: 11rem !important;} /* 176px */
.h-48{height: 12rem !important;} /* 192px */
.h-52{height: 13rem !important;} /* 208px */
.h-56{height: 14rem !important;} /* 224px */
.h-60{height: 15rem !important;} /* 240px */
.h-64{height: 16rem !important;} /* 256px */
.h-72{height: 18rem !important;} /* 288px */
.h-80{height: 20rem !important;} /* 320px */
.h-96{height: 24rem !important;} /* 384px */
.h-auto{height: auto !important;}
.h-1\/2{height: 50% !important;}
.h-1\/3{height: 33.333333% !important;}
.h-2\/3{height: 66.666667% !important;}
.h-1\/4{height: 25% !important;}
.h-2\/4{height: 50% !important;}
.h-3\/4{height: 75% !important;}
.h-1\/5{height: 20% !important;}
.h-2\/5{height: 40% !important;}
.h-3\/5{height: 60% !important;}
.h-4\/5{height: 80% !important;}
.h-1\/6{height: 16.666667% !important;}
.h-2\/6{height: 33.333333% !important;}
.h-3\/6{height: 50% !important;}
.h-4\/6{height: 66.666667% !important;}
.h-5\/6{height: 83.333333% !important;}
.h-full{height: 100% !important;}
.h-screen{height: 100vh !important;}
.h-min{height: min-content !important;}
.h-max{height: max-content !important;}
.h-fit{height: fit-content !important;}
.h-auto{height: auto !important;}

.min-h-0{min-height: 0px !important;}
.min-h-px{min-height: 1px !important;}
.min-h-0\.5{min-height: 0.125rem !important;} /* 2px */
.min-h-1{min-height: 0.25rem !important;} /* 4px */
.min-h-1\.5{min-height: 0.375rem !important;} /* 6px */
.min-h-2{min-height: 0.5rem !important;} /* 8px */
.min-h-2\.5{min-height: 0.625rem !important;} /* 10px */
.min-h-3{min-height: 0.75rem !important;} /* 12px */
.min-h-3\.5{min-height: 0.875rem !important;} /* 14px */
.min-h-4{min-height: 1rem !important;} /* 16px */
.min-h-5{min-height: 1.25rem !important;} /* 20px */
.min-h-6{min-height: 1.5rem !important;} /* 24px */
.min-h-7{min-height: 1.75rem !important;} /* 28px */
.min-h-8{min-height: 2rem !important;} /* 32px */
.min-h-9{min-height: 2.25rem !important;} /* 36px */
.min-h-10{min-height: 2.5rem !important;} /* 40px */
.min-h-11{min-height: 2.75rem !important;} /* 44px */
.min-h-12{min-height: 3rem !important;} /* 48px */
.min-h-14{min-height: 3.5rem !important;} /* 56px */
.min-h-16{min-height: 4rem !important;} /* 64px */
.min-h-20{min-height: 5rem !important;} /* 80px */
.min-h-24{min-height: 6rem !important;} /* 96px */
.min-h-28{min-height: 7rem !important;} /* 112px */
.min-h-32{min-height: 8rem !important;} /* 128px */
.min-h-36{min-height: 9rem !important;} /* 144px */
.min-h-40{min-height: 10rem !important;} /* 160px */
.min-h-44{min-height: 11rem !important;} /* 176px */
.min-h-48{min-height: 12rem !important;} /* 192px */
.min-h-52{min-height: 13rem !important;} /* 208px */
.min-h-56{min-height: 14rem !important;} /* 224px */
.min-h-60{min-height: 15rem !important;} /* 240px */
.min-h-64{min-height: 16rem !important;} /* 256px */
.min-h-72{min-height: 18rem !important;} /* 288px */
.min-h-80{min-height: 20rem !important;} /* 320px */
.min-h-96{min-height: 24rem !important;} /* 384px */
.min-h-auto{min-height: auto !important;}
.min-h-1\/2{min-height: 50% !important;}
.min-h-1\/3{min-height: 33.333333% !important;}
.min-h-2\/3{min-height: 66.666667% !important;}
.min-h-1\/4{min-height: 25% !important;}
.min-h-2\/4{min-height: 50% !important;}
.min-h-3\/4{min-height: 75% !important;}
.min-h-1\/5{min-height: 20% !important;}
.min-h-2\/5{min-height: 40% !important;}
.min-h-3\/5{min-height: 60% !important;}
.min-h-4\/5{min-height: 80% !important;}
.min-h-1\/6{min-height: 16.666667% !important;}
.min-h-2\/6{min-height: 33.333333% !important;}
.min-h-3\/6{min-height: 50% !important;}
.min-h-4\/6{min-height: 66.666667% !important;}
.min-h-5\/6{min-height: 83.333333% !important;}
.min-h-full{min-height: 100% !important;}
.min-h-screen{min-height: 100vh !important;}
.min-h-min{min-height: min-content !important;}
.min-h-max{min-height: max-content !important;}
.min-h-fit{min-height: fit-content !important;}
.min-h-auto{min-height: auto !important;}

.flex{display: flex;}
.inline-flex{display: inline-flex;}
.block{display: block};
.inline-block{display: inline-block;}
.inline{display: inline;}
.flex{display: flex;}
.inline-flex{display: inline-flex;}
.hidden{display: none;}
.contents{display: contents;}

.relative{position: relative;}

.items-start{ align-items: flex-start;}
.items-end{align-items: flex-end;}
.items-center{align-items: center;}
.items-baseline{align-items: baseline;}
.items-stretch{align-items: stretch;}

.justify-normal{justify-content: normal;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-evenly{justify-content: space-evenly;}
.justify-stretch{justify-content: stretch;}

.justify-self-auto{justify-self: auto;}
.justify-self-start{justify-self: start;}
.justify-self-end{justify-self: end;}
.justify-self-center{justify-self: center;}
.justify-self-stretch{justify-self: stretch;}

.self-auto{align-self: auto;}
.self-start{align-self: flex-start;}
.self-end{align-self: flex-end;}
.self-center{align-self: center;}
.self-stretch{align-self: stretch;}
.self-baseline{align-self: baseline;}

.grow{flex-grow: 1;}
.grow-0 {flex-grow: 0;}

.flex-row{flex-direction: row;}
.flex-col{flex-direction: column;}

.flex-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-nowrap{flex-wrap: nowrap;}

.gap-x-none{column-gap: var(---space-none, 0);}
.gap-x-xs{column-gap: var(---space-xs, 4px);}
.gap-x-s{column-gap: var(---space-s, 8px);}
.gap-x-base{column-gap: var(---space-base, 16px);}
.gap-x-m{column-gap: var(---space-m, 24px);}
.gap-x-l{column-gap: var(---space-l, 32px);}
.gap-x-xl{column-gap: var(---space-xl, 40px);}
.gap-x-xxl{column-gap: var(---space-xxl, 48px);}

.gap-y-none{row-gap: var(---space-none, 0);}
.gap-y-xs{row-gap: var(---space-xs, 4px);}
.gap-y-s{row-gap: var(---space-s, 8px);}
.gap-y-base{row-gap: var(---space-base, 16px);}
.gap-y-m{row-gap: 24px;}
.gap-y-l{row-gap: var(---space-l, 32px);}
.gap-y-xl{row-gap: var(---space-xl, 40px);}
.gap-y-xxl{row-gap: var(---space-xxl, 48px);}

.text-display{font-size: var(--font-size-display, 36px);} 
.text-h1{font-size: var(--font-h1, 32px);} 
.text-h2{font-size: var(--font-h2, 28px);} 
.text-h3{font-size: var(--font-h3, 26px);} 
.text-h4{font-size: var(--font-h4, 22px);} 
.text-h5{font-size: var(--font-h5, 20px);} 
.text-h6{font-size: var(--font-h6, 18px);} 
.text-base{font-size: var(--font-base, 16px);} 
.text-s{font-size: var(--font-s, 14px);} 
.text-xs{font-size: var(--font-xs, 12px);}
.text-xm{font-size: 10px;}
.text-xss{font-size: 9px;}
.text-xxs{font-size: 8px;}

.rounded-none{border-radius: 0px;}
.rounded-sm{border-radius: 2px;}
.rounded{border-radius: 4px;}
.rounded-md{border-radius: 6px;}
.rounded-lg{border-radius: 8px;}
.rounded-xl{border-radius: 12px;}
.rounded-2xl{border-radius: 16px;}
.rounded-3xl{border-radius: 24px;}
.rounded-full{border-radius: 9999px;}

.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
.normal-case{text-transform: none;}

.align-baseline{vertical-align: baseline;}
.align-top{vertical-align: top;}
.align-middle{vertical-align: middle;}
.align-bottom{vertical-align: bottom;}
.align-text-top{vertical-align: text-top;}
.align-text-bottom{vertical-align: text-bottom;}
.align-sub{vertical-align: sub;}
.align-super{vertical-align: super;}

.margin-left-auto{margin-left: auto;}
.margin-right-auto{margin-right: auto;}
.margin-top-auto{margin-top: auto;}
.margin-bottom-auto{margin-bottom: auto;}

.break-normal{overflow-wrap: normal; word-break: normal;}
.break-words{overflow-wrap: break-word;}
.break-all{word-break: break-all;}
.break-keep{word-break: keep-all;}

.whitespace-normal{white-space: normal;}
.whitespace-nowrap{white-space: nowrap;}
.whitespace-pre{white-space: pre;}
.whitespace-pre-line{white-space: pre-line;}
.whitespace-pre-wrap{white-space: pre-wrap;}
.whitespace-break-spaces{white-space: break-spaces;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
.text-start{text-align: start;}
.text-end{text-align: end;}

.italic{font-style: italic;}
.not-italic{font-style: normal;}

.animate-pulse {animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

.break-after-auto{break-after: auto;}
.break-after-avoid{break-after: avoid;}
.break-after-all{break-after: all;}
.break-after-avoid-page{break-after: avoid-page;}
.break-after-page{break-after: page;}
.break-after-left{break-after: left;}
.break-after-right{break-after: right;}
.break-after-column{break-after: column;}

.leading-3{line-height: .75rem; }/* 12px */
.leading-4{line-height: 1rem; }/* 16px */
.leading-5{line-height: 1.25rem;} /* 20px */
.leading-6{line-height: 1.5rem;} /* 24px */
.leading-7{line-height: 1.75rem;} /* 28px */
.leading-8{line-height: 2rem; }/* 32px */
.leading-9{line-height: 2.25rem;} /* 36px */
.leading-10{line-height: 2.5rem;} /* 40px */
.leading-none{line-height: 1;}
.leading-tight{line-height: 1.25;}
.leading-snug{line-height: 1.375;}
.leading-normal{line-height: 1.5;}
.leading-relaxed{line-height: 1.625;}
.leading-loose{line-height: 2;}

.cursor-auto{cursor: auto;}
.cursor-default{cursor: default;}
.cursor-pointer{cursor: pointer;}
.cursor-wait{cursor: wait;}
.cursor-text{cursor: text;}
.cursor-move{cursor: move;}
.cursor-help{cursor: help;}
.cursor-not-allowed{cursor: not-allowed;}
.cursor-none{cursor: none;}
cursorcontext-menu{cursor: context-menu;}
.cursor-progress{cursor: progress;}
.cursor-cell{cursor: cell;}
.cursor-crosshair{cursor: crosshair;}
.cursor-vertical-text{cursor: vertical-text;}
.cursor-alias{cursor: alias;}
.cursor-copy{cursor: copy;}
.cursor-no-drop{cursor: no-drop;}
.cursor-grab{cursor: grab;}
.cursor-grabbing{cursor: grabbing;}
.cursor-all-scroll{cursor: all-scroll;}
.cursor-col-resize{cursor: col-resize;}
.cursor-row-resize{cursor: row-resize;}
.cursor-n-resize{cursor: n-resize;}
.cursor-e-resize{cursor: e-resize;}
.cursor-s-resize{cursor: s-resize;}
.cursor-w-resize{cursor: w-resize;}
.cursor-ne-resize{cursor: ne-resize;}
.cursor-nw-resize{cursor: nw-resize;}
.cursor-se-resize{cursor: se-resize;}
.cursor-sw-resize{cursor: sw-resize;}
.cursor-ew-resize{cursor: ew-resize;}
.cursor-ns-resize{cursor: ns-resize;}
.cursor-nesw-resize{cursor: nesw-resize;}
.cursor-nwse-resize{cursor: nwse-resize;}
.cursor-zoom-in{cursor: zoom-in;}
.cursor-zoom-out{cursor: zoom-out;}

:root{
    --side-menu-size: 240px;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/FalconDesign/Montserrat.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Montserrat';
    src: url('/FalconDesign/montserrat-medium-webfont.woff') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/FalconDesign/Montserrat.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}


html,
body,
form,
.Page {
    height: 100%;
    position: relative;
    font-family: 'Montserrat' !important;
    display: flex;
    flex-direction: column;
}

body,
select,
textarea,
input {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    font-family: 'Montserrat' !important;
}

body {
    font-family: 'Montserrat'!important;
    background-color: #edf1f3;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;

}

a,
a:link,
a:visited {
    color: #1E8EBA;
    -webkit-transition: color 100ms ease;
            transition: color 100ms ease;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #1eaeba;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */
}

.OSAutoMarginTop {
    margin-top: 20px;
}

.desktop a.ActionAdd:hover, .desktop a.ActionAdd:hover:visited, .desktop a.ActionAdd:link:hover, .desktop a.ActionEdit:hover, .desktop a.ActionEdit:link:hover, .desktop a.ActionEdit:link:visited, .desktop a.ActionDelete:hover, .desktop a.ActionDelete:hover:visited, .desktop a.ActionDelete:link:hover, .desktop a.ActionChange:hover, .desktop a.ActionChange:hover:visited, .desktop a.ActionChange:link:hover {
    background-color: #1eaeba;
    border: 0;
}
.Button, a.Button {
    color: #1E8EBA;
}
.desktop .Button:hover, .desktop a.Button:hover {
    color: #1eaeba;
}

/*------------------------------------*\
              $2. Structure
\*-------------------------------------*/

/* Header ******************************/
.Header {
    /*border-bottom: 1px solid rgba(0,0,0,.2);*/
    height: 60px;
    line-height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    color: #767980;
    font-family: 'Montserrat' !important;
    
}

.Header_center {
    position: relative;
}

.tablet .Header_center.ThemeGrid_Container,
.phone .Header_center.ThemeGrid_Container {
    padding: 0;
}

.Header_background {
    background-color: #191D26;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.Page.UseHeaderFade .Header .Header_background {
    display: none;
}

/* Menu */
.Header_Menu,
.Header_Menu .ListRecords {
    display: inline-block;

    
}


/* Extra menu content - login info, search, etc */
.Others_Menu {
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}


.desktop.small.UseSidebar .Others_Menu {
    margin-right: 55px;
}

.tablet.UseSidebar .Others_Menu {
    margin-right: 40px;
}

.phone .Others_Menu {
    display: none;
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
    color: #767980;
    font-size: 12px;
    font-family: 'Montserrat' !important;
}

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    color: #FFFFFF;
    font-family: 'Montserrat' !important;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu a:link:hover,
.Menu_TopMenu a:visited:hover {
    box-shadow: inset 0 -4px 0 #1E8EBA;
    color: #FFFFFF;
    font-family: 'Montserrat' !important;
}

/* Button Menu */
a.Header_ButtonMenu {
    color: #fff;
    display: none;
    float: left;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

.desktop a.Header_ButtonMenu {
    color: #dab702;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    width: 50px;
}

.Page.active .Header_ButtonMenu {
    color: #dab702;
}

/* Search - LoginInfo - Logout | PHONE Rules */

.phone .Others_Menu {
    display: block;
    margin-right: 0;
    position: relative;
    width: 100%;
}

.phone .Application_Menu .Others_Menu a:link,
.phone .Application_Menu .Others_Menu a:visited {
    padding: 0;
}

.phone .Application_Menu .Others_Menu .Header_Search {
    margin-left: 30px;
    margin-right: 0;
}

.phone .Application_Menu .Others_Menu .Login_Info {
    width: 100%;
}

.phone .Application_Menu .Others_Menu .Login_Info a {
    display: none;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a {
    display: block;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    position: absolute;
    right: 15px;
}

/* Button Sidebar */
a.Header_ButtonSidebar {
    color: #fff;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 40px;
}

.desktop.small.UseSidebar a.Header_ButtonSidebar,
.tablet.UseSidebar a.Header_ButtonSidebar {
    display: block;
}


/* Sidebar **********************************/
.Sidebar {
    border-left: 1px solid #ddd;
    height: 100%;
    padding: 20px 10px;
    position: fixed;
    right: -320px;
    top: 50px;
    width: 300px;
    
}

.desktop .Sidebar,
.desktop.hd .Sidebar,
.desktop.big .Sidebar {
    right: 0;
}

.desktop.small .Sidebar,
.tablet .Sidebar {
    background-color: #edf1f3;
    right: -300px;
    -webkit-transition: -webkit-transform 300ms ease;
            transition:         transform 300ms ease;
}

.desktop.small .Sidebar.open,
.tablet .Sidebar.open {
    -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
            transform: translateX(-300px);
}

.phone .Sidebar {
    position: relative;
    right: 0;
    width: 100%;
}

/* Sidebar New Layout **********************/
.sidebar-container {
    top: 60px;
}

.modal-wrapper.enter-right {
    margin-top: 120px;
}
/*******************************************/

.SectionWebsite_title {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.Title_Section.Transparent .SectionWebsite_title {
    color: #333;
}

.Title_Section.Silver .SectionWebsite_title {
    color: #333;
}

.Title_Section.White .SectionWebsite_title {
    color: #333;
}

.Title_Section.Yellow .SectionWebsite_title {
    color: #fff;
}

.SectionWebsite {
    text-align: center;
}

.SectionWebsite.UsePadding {
    padding: 40px 0;
}

.SectionWebsite .Card {
    color: #333;
}

.SectionWebsite .Panel {
    color: #333;
}

.SectionWebsite .AccordionVertical {
    color: #333;
}

.SectionWebsite .SectionExpandable {
    color: #333;
}

.SectionWebsite .Box {
    color: #fff;
}

.SectionWebsite .Box.Silver {
    color: #333;
}

.SectionWebsite .Box.White {
    color: #333;
}

.SectionWebsite .Box.Transparent {
    color: #fff;
}

.SectionWebsite.Silver .Box.Transparent {
    color: #333;
}

.SectionWebsite.Transparent .Box.Transparent {
    color: #333;
}

.SectionWebsite.White .Box.Transparent {
    color: #333;
}

.SectionWebsite.Silver .Section {
    color: #333;
}

.SectionWebsite.Transparent .Section {
    color: #333;
}

.Website .ThemeGrid_Container {
    max-width: 1280px;
}

.Website .MainContent {
    margin: 0;
    min-height: inherit;
    padding: 0;
     /* push the footer down on preview */
}

.Website .Footer {
    background-color: inherit;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
}

/* APP Title */
.Header_Title {
    float: left;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;

    
}

.phone .Header_Title {
    left: 60px;
    position: absolute;
    right: 60px;
    text-align: center;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #fff;
    padding-right: 10px;
    text-decoration: none;
}

.Header .Application_Title img {
    max-height: 37px;
    vertical-align: middle;
    margin-top: -6px;
}

/* Responsive Context */
.tablet .Application_Title,
.phone .Application_Title {
    padding: 0;
}

/* Menu ***************************************/

.Application_Menu {
    display: inline-block;
}

#FalconTheme_wt21_block_wtMenu_wt13_wt3,
#FalconTheme_wt63_block_wtMenu_wt46_wt3 {
    color: rgba(255, 255, 255, .75);
    display: inline-block;
    padding: 0 20px;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

#FalconTheme_wt21_block_wtMenu_wt13_wt3:hover,
#FalconTheme_wt63_block_wtMenu_wt46_wt3:hover {
    box-shadow: inset 0 -4px 0 #1E8EBA;
    color: #1E8EBA;
}

/* item menu */
.Menu_TopMenu {
    position: relative;
}

.Menu_TopMenus {
    width: 100%;
}

/* hover menu */
.Menu_TopMenu a:hover {
    color: #fff;
}

/* link/button menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: rgba(255, 255, 255, .75);
    display: inline-block;
    padding: 0px !important;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a {
    text-align: left;
}

/* pointer */
.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #dab702;
    opacity: 1;
    /*
    -webkit-transform: rotate(180deg) translateY(2px);
        -ms-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
    */
}

/* active menu */
.Menu_TopMenuActive {
    box-shadow: inset 0 -4px 0 #1E8EBA;
    color: #1E8EBA;
     /*height: 49px;*/
     /*line-height: 44px;*/
}

.Menu_DropDownButton.open .Menu_TopMenu a {
    color: #fff;
}

/* active menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #fff;
}

/* submenu item */
.Menu_DropDownPanel {
    background-color: #454952;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}

/* reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    color: #fff;
    height: auto;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover {
    color: #dab702;
}

/* submenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    color: rgba(255, 255, 255, .75);
    display: block;
    padding: 3px 20px;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #444;
    color: #dab702;
}


/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    /*background: #2d323c;*/
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 49px;
    /* Enable hardware acceleration 
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);*/
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    /* width: 250px; */
    /* reduce animation flickering */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

.tablet .layout-top .is--visible .Menu_TopMenus,
.phone .layout-top .is--visible .Menu_TopMenus {
    background: #2d323c;
    padding-left: 30px;
}


.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border-top-width: 1px;
    margin: 0;
    padding: 0 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    box-shadow: 0 3px 1px rgba(0,0,0,.3);
}

.tablet.active .Application_Menu,
.phone.active .Application_Menu {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.tablet.active .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; 
    right: 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

.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: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    /*
    -webkit-transform: translateX(-300px) scale(.5);
        -ms-transform: translateX(-300px) scale(.5);
            transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    */
    width: 100%;
}

.tablet.active .Application_Menu a,
.phone.active .Application_Menu a,
.tablet.active .Application_Menu a:link,
.phone.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited,
.phone.active .Application_Menu a:visited {
    -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
}


.tablet .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel {
    background-color: rgba(0, 0, 0, .3);
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.phone .Application_Menu .Menu_DropDownArrow,
.tablet .Application_Menu .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 7px;
}

.Logout_Icon {
    border-radius: 50%;
    text-align: center;
    width: 22px;
}

.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
}

/* User */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #333;
    font-size: 100%;
    font-weight: normal;
}

.Login_Info_Logout {
    font-size: 22px;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled="disabled"]:before {
    color: #b3b3b3;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
}

.Login_Info_Logout:before {
    content: "\f011"; /* fa-power-off at http://fortawesome.github.io/Font-Awesome/icons/ */
    margin-right: 0;
}

/* Responsive Context */
.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    font-size: 20px;
}

/* Content *********************************************/
.Page > .Content {
    padding-top: 0;
}

/* If we use sidebar */
.desktop:not(.small).UseSidebar .Content {
    margin-right: 300px;
}

.UseSidebar .Content {
    padding-top: 70px;
}

/* Title Page ************/

.Title_Section {
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);*/
    box-shadow: 0px 2px 7px 0px rgba(232, 232, 232, 100);
    -moz-box-shadow: 0px 2px 7px 0px rgba(232, 232, 232, 100);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(232, 232, 232, 100);
    color: #333;
    margin-top: 0;
    padding: 70px 20px 10px 20px;
}

.Title_Section.Black {
    background-color: #131819;
    color: #fff;
}

.Title_Section.Blue {
    background-color: #0074c1;
    color: #fff;
}

.Title_Section.Transparent {
    background-color: transparent;
}

.Title_Section.White {
    background-color: #fff;
}

.Title_Section.Yellow {
    background-color: #dab702;
    color: #fff;
}

.Title_Section.Orange {
    background-color: #da6802;
    color: #fff;
}

.Title_Section.Red {
    background-color: #d01a1a;
    color: #fff;
}

.Title_Section.DarkRed {
    background-color: #b10000;
    color: #fff;
}

.Title_Section.Plum {
    background-color: #c32b87;
    color: #fff;
}

.Title_Section.DarkPlum {
    background-color: #970263;
    color: #fff;
}

.Title_Section.Green {
    background-color: #388e3c;
    color: #fff;
}

.Title_Section.LightGreen {
    background-color: #64be68;
    color: #fff;
}

.Title_Section.Turquoise {
    background-color: #00b0c1;
    color: #fff;
}

.Title_Section.DarkBlue {
    background-color: #194968;
    color: #fff;
}

.Title_Section.Silver {
    background-color: #dadbde;
}

.Title_Section.Gray {
    background-color: #79868a;
    color: #fff;
}

.Title_Section.BackgroundFixed {
    background-attachment: fixed;
}

.tablet .Title_Section.BackgroundFixed,
.phone .Title_Section.BackgroundFixed {
    background-attachment: scroll;
}

.UseSidebar .Title_Section {
    margin: 0 20px 0 20px;
    padding: 20px;
}

.Title_Section .Title {
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 50%;*/
    width: 35%;
    font-size: 22px;
}

.Title_Section .Actions {
    line-height: 32px;
    text-align: right;
    /*width: 50%;*/
}

.Title_Section .Actions a {
    background-color: #1E8EBA;
    border: 0;
    margin-left: 20px;
    text-decoration: none;
}

.Title_Section .Actions a:first-child {
    margin-left: 0;
}

.phone.portrait .Actions {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.phone.portrait .Actions .Button {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}

.phone.portrait .Actions .Button:last-child {
    margin-bottom: 0;
}

.phone .Title_Section .Title {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.phone .Title_Section .Actions,
.phone .Title_Section a.ActionAdd,
.phone .Title_Section a.ActionEdit,
.phone .Title_Section a.ActionDelete,
.phone .Title_Section a.ActionChange {
    width: 100%;
}

/* To work with old applications */
.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/* Main Content ****************************/
.MainContent {
    min-height: 100%;
    padding: 20px;
    padding-bottom: 60px;

    
    background: #F7F7F7;
}

.Page.active .MainContent {
    pointer-events: none;
}

/* Footer **********************************/
.Footer {
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    width: 100%;

    
}

.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #dab702;
    font-size: 12px;
}

.MainPopup {
    background: #fff;
    /* display: table-cell; */
    display: block;
    width: 100%;
    /* padding: 14px 16px; */
    padding: 10px !important;
    /* vertical-align: top; */
}


.MainPopup .Button.ThemeGrid_MarginGutter {
    margin-left: 10px;
}

.ThemeGrid_Container {
    margin-left: auto;
    margin-right: auto;
}

html .ThemeGrid_Container {
    padding-left: 20px;
    padding-right: 20px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
  When applied in Service Studio, it will prevent the style 'OSInline' from being
  automatically applied to divs and tables with widths != (fill parent) */
}



/*------------------------------------*\
              $3. Text formatting
\*-------------------------------------*/



/*------------------------------------*\
              $4. Forms
\*-------------------------------------*/

textarea,
select,
input {
    font-size: 14px;
}

html input {
    height: 34px;
}

/* radio and checkbox override rules */
html input[type="radio"],
html input[type="checkbox"] {
    background-color: transparent;
    box-shadow: none !important;    
}


/* Checkboxes and Radio Buttons */
input[type="radio"]:before,
input[type="checkbox"]:before {
    box-shadow: none;
}

/* force padding to center vertically on Firefox */
select {
    box-shadow: none;
    height: 31px;
    padding: 4px 6px;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: 0;
}

.Form:not(.ReadOnly) {
    cursor: text;
}

select.ReadOnly {
    cursor: pointer;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    box-shadow: none;
    cursor: pointer;
    font-size: 12px;
}

.Form input.ReadOnly:not(.Not_Valid):focus,
.Form textarea.ReadOnly:not(.Not_Valid):focus,
.Form select.ReadOnly:not(.Not_Valid):focus {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 12px;
}

textarea,
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"] {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 40px;
    vertical-align: initial;
    height: 30px;
}

select {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px;
    font-size: 12px;
    line-height: 40px;
    vertical-align: initial;
    height: 30px !important;
    border: 1px solid #E3E3E3;
    margin-top: 10px;
    margin-right: 10px;
}

textarea,
select {
    line-height: 20px;
}

textarea:focus,
select:focus,
input:focus {
    border-color: #1689BA;
    box-shadow: none;
    border-radius: 2px;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 2px;
}

.Form textarea.ReadOnly[readonly="readonly"],
.Form textarea.ReadOnly[disabled="disabled"],
.Form select.ReadOnly[disabled="disabled"],
.Form input.ReadOnly[readonly="readonly"],
.Form input.ReadOnly[disabled="disabled"],
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid),
textarea[disabled="disabled"],
textarea[readonly="readonly"],
select[disabled="disabled"],
input[readonly="readonly"],
input[disabled="disabled"] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

/* All focus disabled inputs - maintain same style*/
input[disabled="disabled"][type="text"]:focus,
input[disabled="disabled"][type="password"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus,
input[readonly="readonly"]:focus,
input[disabled="disabled"]:focus,
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    font-size: 12px;
}

textarea:focus,
select:focus,
input:focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) !important;
}

input[type="radio"].ReadOnly,
input[type="checkbox"].ReadOnly,
.Form input.ReadOnly[disabled="disabled"][type="radio"],
.Form input.ReadOnly[readonly="readonly"][type="radio"],
.Form input.ReadOnly[disabled="disabled"][type="checkbox"],
.Form input.ReadOnly[readonly="readonly"][type="checkbox"],
.Form input[type="radio"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    background-color: transparent;
    border-width: 0;
}

/* Not_Valid handling style */
.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border-radius: 2px;
}

.ie input[type="radio"],
.ie input[type="checkbox"],
.ie .Form input[type="radio"],
.ie .Form input[type="checkbox"] {
    border-radius: 0;
}

.Form textarea.Not_Valid:focus,
.Form textarea.Not_Valid,
textarea.Not_Valid:focus,
textarea.Not_Valid {
    font-size: 12px;
    padding: 10px 12px;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    border: 1px solid var(--color-error);
}

.Form input[type="checkbox"].Not_Valid,
.Form input[type="radio"].Not_Valid,
input[type="checkbox"].Not_Valid,
input[type="radio"].Not_Valid {
    border: transparent;
    padding: 0;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly {
    background: #fff;
}

/*------------------------------------*\
              $5. Buit-in widgets
\*-------------------------------------*/
/*
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link {
    background: #fff;
    border: 1px solid #1E8EBA;
    border-radius: 0;
    color: #1E8EBA;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    vertical-align: middle;
    white-space: nowrap;
}
a.ListNavigation_PageNumber:hover,
span.ListNavigation_CurrentPageNumber,
a.ListNavigation_Previous:hover {
    background-color: #1992c4;
    border-color: #1E8EBA;
}

a.ListNavigation_Next:hover {
    background-color: #1992c4;
    border-color: #F0F2F1;
    color: #fff;
}*/

.TableRecords_Header {
    border-bottom: solid 1px #eee;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.TableRecords > tbody > tr:hover {
    background: #fff;
}

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

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: none;
}

.TableRecords_OddLine {
    background-color: #fafafa;
}

.TableRecords_OddLine:first-child,
.TableRecords_EvenLine:first-child,
.TableRecords_Header:first-child {
    padding-left: 20px;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}

.TableRecords_OddLine:not(:first-child),
.TableRecords_EvenLine:not(:first-child),
.TableRecords_Header:not(:first-child) {
    border-left: 1px solid #eee;
    padding-left:12px;
}

.TableRecords tbody > tr:last-child > td {
    border-bottom: none;
}

.EditableTable thead td {
    color: #333;
    font-weight: bold;
}

.EditableTable {
    border: 1px solid #ddd;
}
.EditableTable thead tr th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.EditableTable tr:nth-child(odd) {
    background-color: #fafafa;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-bottom: 1px solid #ddd;
}

td.RowWithAddAction {
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 10px 0 10px 22px;
}

.EditableTable tr.RowControlGroup a:hover {
    color: #dab702;
}

.EditableTable tr.RowControlGroup a {
    color: #b39501;
}

.Form select.ReadOnly, select {
    padding-right: 10px;
}

/*------------------------------------*\
              $6. RichWidgets
\*-------------------------------------*/

/* Accordion Harrow */
.fa-angle-down:before {
    padding-left: 1px;
}

/* Feedback Message*/
.Feedback_Message_Wrapper {
    margin-top: 102px;
}

/* Feedback Message **************************/
div.Feedback_Message_Info:before,
div.Feedback_Message_Success:before,
div.Feedback_Message_Error:before,
div.Feedback_Message_Warning:before {
    font-size: 20px;
    left: 15px;
    top: 9px;
}

div.Feedback_Message_Success {
    background-color: #dff0d8;
    border: 1px solid #cbe0ba;
    color: #346b35;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close:after {
    color: #346b35;
}

div.Feedback_Message_Success:before {
    color: #7dc62b;
}

div.Feedback_Message_Error {
    background-color: #f5e7e7;
    border: 1px solid #ead8d8;
    color: #843534;
}

div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close:after {
    color: #843557;
}

div.Feedback_Message_Error:before {
    color: #e58d8d;
}

div.Feedback_Message_Warning {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}
div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

div.Feedback_Message_Warning:before {
    color: #eabd30;
}

div.Feedback_Message_Info {
    /*background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;*/
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close:after {
    /*color: #8a6d3b;*/
}

div.Feedback_Message_Info:before {
    /*color: #eabd30;*/
}

div.Feedback_Message_Wrapper {
    left: 0;
    z-index: 5000;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
    max-width: 100%;
    min-width: 300px;
    padding: 10px 40px 10px 40px;
    word-break: break-word;
    -webkit-backface-visibility: hidden;
}

a.Feedback_Message_Wrapper_Close {
    color: #000;
    opacity: .3;
    right: 10px;
    top: 8px;
}

.tablet a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

div.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after {
    color: #000;
    content: "\f00d"; /* fa-times at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    text-align: right;
}

a.Feedback_Message_Wrapper_Close:hover {
    opacity: .6;
}

.tablet a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

/* Ajax Loading */
.Feedback_AjaxWait {
    background-color: white;
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    bottom: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    color: #cba900;
    font-size: 12px;
    height: 60px;
    padding: 16px 20px 10px 20px;
    right: 20px;
}

.Feedback_AjaxWait .Loader {
    background: url(/WebPatterns/img/loading_lisbon_yellow.gif?2644&43504) no-repeat;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}

/* Burguer */
.fa-bars {
    cursor: pointer;
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}

.Filters_Wrapper {
    background: #fff;
    border-radius: 0;
    line-height: 32px;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.Filters_Wrapper .Button {
    margin-left: 1px;
    height: 31px;
    line-height: 32px;
}

.Search_wrapper input[type="text"] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    height: 31px;
    line-height: 30px;
    padding-left: 30px;
}

.Search_wrapper input[type="text"]:focus {
    border-color: #ccc;
    box-shadow: none;
}

.Search_wrapper:after {
    left: 10px;
    top: 9px;
}

/* Search inside header */
.Header .Search_wrapper input[type="text"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100px;
}

.Header .Search_wrapper input[type="text"]:focus {
    border: 1px solid rgba(255, 255, 255, .3);
    width: 200px;
}

.Header .Search_wrapper:after {
    color: #cdcdcd;
    left: 10px;
    pointer-events: none;
}

/*------------------------------------*\
        $7. Login
\*-------------------------------------*/

/* login container **************************/
.Login {
    // background-color: #666;
    // background-image: radial-gradient(circle 497px at 16.42% 87.08%, rgba(255, 255, 255, .2) 0%, transparent 100%), radial-gradient(circle 242px at 21.53% 91.67%, #222731 0%, #222731 100%);
    background: url(/FalconDesign/img/imgbg.jpg?5184&103627) center no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;

    
    
}

.Login_Box {
    background-color: #191D26;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.5);
    margin-left: -160px;
    width: 320px;
    max-width: 100%;
}

.phone .Login_Box {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.Login__Logo {
    padding-bottom: 10px;
}

.Login_background {
    
}

.Login_background img {
    
    
}

/* Form **************************/
.Login__Form {
    background-color: transparent;
    padding: 30px;
}

.Login__Form textarea,
.Login__Form select,
.Login__Form input[type="text"],
.Login__Form input[type="password"],
.Login__Form input[type="datetime"],
.Login__Form input[type="datetime-local"],
.Login__Form input[type="date"],
.Login__Form input[type="month"],
.Login__Form input[type="time"],
.Login__Form input[type="week"],
.Login__Form input[type="number"],
.Login__Form input[type="email"],
.Login__Form input[type="url"],
.Login__Form input[type="search"],
.Login__Form input[type="tel"],
.Login__Form input[type="color"] {
    background-color: #262B37;
    border: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: #898989;
    height: 40px;
    line-height: 40px;
}

html .Login__Form input[type="radio"],
html .Login__Form input[type="checkbox"] {
    margin-right: 10px;
    // margin-top: 15px;
    top: 4px;
}

html .Login__Form input[type="checkbox"]:before {
    background: transparent;
    border: 1px solid #9B9B9B;
    border-radius: 100px;
}

html .Login__Form input[type="checkbox"]:after {
    background-color: #1E8EBA;
    border-radius: 100px;
    transform: rotate(0);
    height: 14px;
    width: 14px;
    border: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    text-align: center;
    color: #fff;
    line-height: 18px;
    font-size: 10px;
}

.Button.ButtonDefault 
 {
    background-color: #1E8EBA;
    border: 0;
    height: 31px;
    margin: auto;
}
input.Button {
    height: 31px;
}
.Login__Form .Button.Is_Default {
   /* float: left;
    width: 150px;
    margin-top: 90px;*/
}

.Login__Form {
    padding: 30px 20px 60px 20px !important;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover,
.Button.Is_Default:hover,
.Button.Is_Default:focus {
    background-color: #1eaeba;
    border: 0;
}

.phone .Login_Footer {
    padding: 15px 0;
}
#WebPatterns_wt7_block_wtAction {
    position: relative;
}
#WebPatterns_wt7_block_wtAction:after {
    clear: both;
    content: "";
    display: block;
}
#WebPatterns_wt7_block_wtAction > div {
    position: absolute;
    font-size: 12px
}

/* Assets 
=============================== */
.MainContent-assets .ListRecords {
    margin: 20px 0;
}
.MainContent-assets .ListRecords .ListRecords {
    margin: 0;
}
.MainContent-assets .ListRecords .ListRecords > div {
    margin-bottom: 0px;
    margin-top: 10px;
}
.MainContent-assets .ListRecords .ListRecords > div[class^="Theme"] {
    width: auto;
}
.MainContent-assets .ListRecords .ListRecords .ThemeGrid_Width5 {
    color: #333;
    margin: 0;
    width: auto;
}
.ListRecords:after {
    content: "";
    display: block;
    clear: both;
}
.ListRecords .Card {
    margin-bottom: 20px;
    padding: 0;
}

.Tabs_header {
    width: auto !important;
    background: none !important;
}

@media screen and (min-width: 768px) and (max-device-width: 1024px)  {
    .MainContent-assets .ListRecords .Card {
        float: left;
        margin: 0 2% 20px 0;
        padding: 0;
        width: 48%;
    }
}
@media screen and (min-width: 1200px) {
   
    .MainContent-assets .ListRecords > span {
        background-color: #fff;
        width: 23.8%;
        margin: 0 1.6% 20px 0;
        /*border: 1px solid #DBE2E5;
        box-shadow: 0 1px 2px 0 rgba(219, 226, 229, 100);*/
    }
    .MainContent-assets .ListRecords > span > .Card {
        border: 1px solid #DBE2E5;
        box-shadow: 0 1px 2px 0 rgba(219, 226, 229, 100);
        margin-bottom: 0;
        overflow: hidden;

    }
    .MainContent-assets .ListRecords > span:nth-child(4n+4) {
        margin: 0;
    }
    .MainContent-assets .ListRecords > span:after {
        content: "";
        clear: both;
        display: block;
    }
    .MainContent-assets .ListRecords .Card:nth-child(7n+7) {
        margin-right: 0;
    }
    .MainContent-assets .ListRecords .Card:nth-child(9n+9) {
        clear: both;
    }
    .MainContent-assetsDetail .ListRecords .Card {
        float: left;
        margin: 0 1.6% 1.6% 0;
        padding: 0;
        width: 32.26%;
        height: 100%;
        position: relative;
    }

    .MainContent-assetsDetail .ListRecords > .Card:nth-child(6n+5) {
        margin-right: 0;
    }
}
.MainContent-assets .CardLeftImage .Left .Card_Image {
    /*width: 190px;*/
    width: 150px;
    height: 150px;
}

.ListRecords .Left img {
  /*height: 100%;
   object-fit: cover;
    width: 100% !important;*/
}

.CardLeftImage .Left {
    display: inline !important;
    float: left;
}

.CardLeftImage .Right {
    padding: 15px;
    display: inline !important;
    padding: 10px;
    width: 170px;
    float: right;
}
.Card .Card_Title.Heading3 {
    font-size: 16px;
    margin: 0 0 5px;
}
.Card_Actions {
    color: #77808E;
    font-size: 12px;
}
.Card_Actions > div > a {
    position: absolute;
    top: 5px;
    right: 5px;
}
.ListRecords br {
    display: none;
}

/* Assets Details
=============================== */
.Columns {
    background-color: #fff;
    padding: 20px
}
.Columns2 > .Column {
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .Columns2 > .Column {
        width: 49.2%;
    }
    .Columns2 > .Column.ColFirst {
        margin-right: 1.6%;
    }
    .Columns2 > .Column.ColLast {
        margin-right: 0;
    }   
}
#FalconTheme_wt63_block_wtMainContent_WebPatterns_wt85_block_wtColumn1_wtMyViewerDiv {
    margin-bottom: 20px;
}
.MainContent-assetsDetail .CardLeftImage .Left .Card_Image {
    width: 80px;
    height: 100%;
}
.MainContent-assetsDetail .CardLeftImage .Right {
    padding: 10px;
}
.MainContent-assetsDetail .Card .Card_Title.Heading3 {
    font-size: 12px;
}

/* Accordion
=============================== */
.AccordionVertical___title {
    color: #393939;
}
.AccordionVertical_item.open > .AccordionVertical__content {
    padding: 10px;
}
.AccordionVertical_item > .AccordionVertical__content {
    padding: 0 10px
}
.MainContent-assetsDetail .TableRecords {
    margin: 0;
    border: 0;
    box-shadow: none;
}
.MainContent-assetsDetail .TableRecords th,
.MainContent-assetsDetail .TableRecords td {
    padding: 10px;
}

.MainContent-assetsDetail .TableRecords .ListRecords span > div {
    width: 24px;
    position: relative;
    background: transparent !important;
    text-align: center;
    font-size: 10px;
}
/*
.MainContent-assetsDetail .TableRecords .ListRecords span > div input[type="checkbox"]:after {
    border-radius: 0px;
    transform: rotate(0);
    height: 23px;
    width: 22px;
    border: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    line-height: 18px;
    font-size: 10px;
}
*/
.MainContent-assetsDetail .TableRecords .ListRecords span:nth-child(1) > div input[type="checkbox"]:checked:after {   
    border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}

.MainContent-assetsDetail .TableRecords .ListRecords span:nth-child(2) > div input[type="checkbox"]:checked:after {    
    border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}

.MainContent-assetsDetail .TableRecords .ListRecords span:nth-child(3) > div input[type="checkbox"]:checked:after {
      border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}
.MainContent-assetsDetail .TableRecords .ListRecords span:nth-child(4) > div input[type="checkbox"]:checked:after {
      border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}
.MainContent-assetsDetail .TableRecords .ListRecords span:nth-child(5) > div input[type="checkbox"]:checked:after {
      border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}

.MainContent-assetsDetail .TableRecords td:first-child {
    color: #333;
    width: 200px;
    font-family: 'Montserrat' !important;
}
.MainContent-assetsDetail .TableRecords .ListRecords {
    width: auto;
    /*display: inline-block;*/
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: left;
}
.MainContent-assetsDetail .TableRecords textarea {
    width: 100%;
    height: 100%;
    margin: 10px 0 0;
}
.MainContent-assetsDetail .Tabs__content > div {
    margin-bottom: 10px;
}
.MainContent-assetsDetail .Tabs__content > div input[type="submit"] {
    margin: 0 10px 10px 0;
}
.MainContent-assetsDetail .Tabs__content > .ListRecords > div {
    color: #1E8EBA;
    margin: 0 0 10px;
}
.MainContent-assetsDetail .Tabs__content .Counter_Message {
    margin-bottom: 10px;
    margin-left: 29px;
}

.ListNavigation_Wrapper {
    margin-left: 25px;
}

#FalconTheme_wt7_block_wtMainContent_wtDivRefresh {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    border-radius: 3px;
}

.os-internal-Popup .os-internal-ui-widget-header {
    height: 30px !important;
}

.MainContent-sites .ListRecords {
    margin-top: 20px;
}

.Breadcrumbs {
    font-family: Montserrat !important;
    margin: 0;
    padding: 10px 0;
    font-size: 12px
}
.Breadcrumbs a {
    color: #C5C5C5;
    font-size: 12px;
    font-family: Montserrat !important;
}
.Breadcrumbs span {
    color: #C5C5C5;
    font-size: 20px;
}

/*style by june */

/*login*/

.wrap-button-login {
    width: 280px;
    float: left;
    margin-bottom: 10px;
}

.ListRecords > span {
    float: left;
    /*margin: 0 1.6% 20px 0;*/
    padding: 0;
   /* width: 23.8%;*/
    display: table;
    height: 100%;
}

.AssetsTitle {
    color: #1D8EB7 !important;
}

span#os-internal-ui-dialog-title-1 {
    font-size: 14px;
    margin-left: -4px;
    color: #1F9BCC;
    font-weight: bold;
}

.os-internal-ui-dialog-titlebar.os-internal-ui-widget-header.os-internal-ui-corner-all.os-internal-ui-helper-clearfix {
    margin-bottom: 10px;
}

.Title_Section .Actions {
    float: right;
    margin-top: -5px;
    line-height: 47px;
}


.Card_Title .Heading3 {
    color:#1B559F;
}

.ThemeGrid_Width4 {
    color: #747474;
}

.AssetTitle {
    font-family: Montserrat !important;
    margin-top: 10px;
}

.AssetTitle a  {
    color: #1B559F !important;
    font-family: Montserrat !important;
    font-weight: 500;
}

.AssetAttributeValue {
    width: 100%;
    color: #747474;
    font-size: 12px;
}

.AssetAttributeName {
    color: #48A6E7;
    font-weight: 500;
    line-height: 14px;
    margin-top: 10px;
}

.ListRecords {
    display: block;
    margin: 0px;
    width: auto;
}

.Application_Menu {
    font-family: Montserrat !important;
}

.ThemeGrid_Width6 {
    width: 100% !important;
}

.SaveCancel.OSAutoMarginTop {
    margin-bottom: 20px;
}


.OSInline {
    font-size: 12px;
    font-family: Montserrat !important;
}

span.fa.fa-fw.fa-user {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50px;
    background: #2E323B;
    border: 1px solid #767980;
    vertical-align: middle;
    padding: 5px;
}


label.InputDateLabel.ThemeGrid_Width4 {
    float: left;
    margin-right: 30px;
} 


.InputDate {
    float: left;
}


input#FalconTheme_wt24_block_wtMainContent_wtSearchInput {
    margin-right: 10px;
}

/*select filter*/

.FilterBy {
    color: #BBB7B7;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    /*line-height: 50px;
    width: 300px;
    margin-top: -20px;*/
}

.ThemeGrid_Width4 {
    width: 200px  !important;
}

.FilterCombo {
    float: left;
    width: 200px;
    margin-left: 10px;
}

/*.Inspected {
    float: left;
    width: 100px;
    color: #BBB7B7;
}

.InspectedChecked {
    float: right;
    margin-top: 6px;
    margin-left: 4px;
}*/

.Inspected {
    margin-left: 20px;
    float: left;
}

.InspectedChecked {
    float: right;
    width: 25px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top : -2px;
}


.FilterMenu {
    margin-top: -41px;
}

.TypeTankCombo {
    float: left;
    margin-right: 16px;
    /*margin: -44px 50px 20px 0px; 
    width: 300px;*/
}

.GroupCombo {
    float: left;
   /* 
    margin: -40px 17px 0px 0px;
    width: 200px;*/
}

.ThemeGrid_Width3 {
    width: auto !important;
}

/*pages tab*/

div#FalconTheme_wt173_block_wtTitle {
    font-size: 12px;
    font-weight: 400;
    color: #1D8EB7;
}

/*tab*/

.Tabs__tab.active {
    border-top: none !important;
    color: #fff;
}

.Tabs__tab.active {
    background: #9F9F9F !important;
    border-bottom-color: none !important;
    border-top: 0;
    cursor: default;
}

.Tabs__tab {
    border-radius: 10px 10px 0px 0px ;
    padding: 7px 20px !important;
}

.Tabs {
    border: none !important;
}

.Tabs__tab {
    background-color: #F9F9F9 !important;
    border: 0;
    border-left: none !important;
    border-top: none !important;
    color: #C1BDBD;
    box-shadow: 0px 1px 2px 0px rgba(180, 187, 192, 1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(180,187,192,100);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(180, 187, 192, 1);
}

.Tabs_body {
    margin-bottom: 20px;
    background: #EDEDED !important;
}

.fc-state-default {
    border: 0px !important;
    background-color: #1999CF!important;
    background-image: none !important;
    background-repeat: none !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: none;
    color: #FFF !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.Button, a.Button {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 5px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
}

.fc-view {
    background: #fff;
}

.fc-unthemed thead {
    border-color: #EDECEC;
}

.fc table {
    font-size: 12px !important;
    color: #9B9B9B !important;
}

/*calender*/

.fc button {
    font-family: Montserrat !important;
    text-transform: capitalize;
}

.fc .fc-toolbar>*>:first-child {
    margin-left: 0;
    color: #9B9B9B;
    font-weight: 400;
}

.fc-content {
    font-family: Montserrat !important;
    font-size: 12px;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 9px !important;
    margin-top: 5px;
}

.fc-event {
    border-radius: 0px;
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 10px;
    border-radius: 0px !important;
    background-color: #55b1d6 !important;
    /* border-bottom: 5px solid #7EBFF4; */
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    /* color: #0F93FF; */
    font-weight: 400 !important;
}

div.calendar, div.calendar table {
    z-index: 850;
}


/*thumbnail*/


.ImageContainer {
    float: left;
    width: 25% !important;
    height: 100%;
    margin-right: 45px;

}

.ImageButtonContainer {
    width: 172px !important;
    margin-top: 4px;
}

.BtnDef {
    margin: 20px 20px 0px 27px;
}

.ImageResize {
    float: right;
    margin-top: -30px;
 }

 
.ShowAll {
    margin-top: -40px;
    width: 200px;
    float: right;
}


.TextField {
    float: right;
    margin-top: -50px;
    margin-left: 70px;
}

.AccordionVertical {
    margin-bottom: 20px;
}

.DeficiencySeelctionLabel {
    float: left;
    margin-right: 10px;
    margin-top: 17px;
}

.DeficiencySelectionBox {
    padding-top: 15px;
}

img.SiteImage {
    width: 300px;
    margin-bottom: 20px;
}

img.AssetImage {
    width: 250px;
    height: 200px;
    float: left;
    padding: 8px;
    border: 1px solid #ddd;
    flex-shrink: 0;
    max-width: 250px;
}

.AttributeDetailName {
   color: #48A6E7;
    font-weight: 500;
    line-height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    margin-left: 5px;
}

.AttributeDetailValue {
     display: inline-block;
     line-height: 24px;
     margin-top: 2px;
     margin-bottom: 10px;
}
.MainContent-assetsScheduledItem {
    background: white;
    padding: 30px;
}

.DeficiencyFilter {
    width: 270px;
    float: left;
    margin-bottom: 20px;
}

div#wtAssetDocumentForm {
    margin: 20px;
}

.PDFlistrecords {
    padding: 30px;
}

.PDFlistrecords span.Heading1 {
    font-size: 18px;
    text-transform: capitalize;
    color: #1B559F !important;
    font-family: Montserrat !important;
    font-weight: 500;
}

.Heading2 {
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 24px;
    color: #48A6E7;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 10px;
}

.AssetDetail {
    margin-top: -45px;
    width: 700px;
}

.AssetAttributeOverviewHeader {
        display: inline-block;
        padding: 5px;
    
 }

.AssetAttributeNameHeader {
        padding: 5px;
        color: #4498CA;
 }

.fieldDate {
    clear: both;
    display: table;
}

.DateId {
    float: left;
}


.fieldStatus {
    clear: both;
}

label.StatusLabel.ThemeGrid_Width4 {
    float: left;
    margin-right: 30px;
    line-height: 40px;
}


.ButtonContainer {
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0px;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.DelBtnContainer {
    float: right;
    margin-right: 25px;
}

.DelButton {
    display: none;
}

.phonewrap {
    clear: both;
    display: table;
}

.fieldPhone {
    float: left;
    margin-right: 23px;
} 

.PhoneId {
    float: left;
}

.mobilewrap {
    clear: both;
    display: table;
}

.fieldMobile {
    float: left;
    margin-right: 23px;
}

.MobileId {
    float: left;
}

/*
.ValidationMessage {
    margin-left: 237px;
    display: block !important;
    margin-top: 10px;
}*/


textarea, input[type="text"] {
    margin-right: 10px;
}

.Card {
    border:none !important;
}


img.SiteDetail_Image {
    float: left;
    width: 180px;
    margin-bottom: 20px;
    margin-right: 2px;
}

/*.SiteDetail {
    margin-right: 35px;
}*/

.SiteDetail {
    margin-right: 45px;
}


.MainContent-assetsDetail .TableRecords td {
    width: auto !important;
}

.desktop .TableRecords_OddLine:first-child, .desktop .TableRecords_EvenLine:first-child, .desktop .TableRecords_Header:first-child, .tablet .TableRecords_OddLine:first-child, .tablet .TableRecords_EvenLine:first-child, .tablet .TableRecords_Header:first-child {
    padding-left: 12px;
    float: none;
    width: auto !important;
    height: auto;
}

.CheckboxAnswer {
    width: 100% !important;
    /* max-width: 120px; */
    padding-right: 5px;
    float: left;
    /* clear: both; */
    display: inline-block;
}

.selectionCbWrap {
    float: left;
}

.checkboxTitle {
    float: left;
    width: 100%;
    margin-top: -20px;
    padding-left: 40px;
    margin-bottom: 10px;
    text-align: left;
}

.ChecklistTbl-Question {
    width: 100px;
    text-align: left;
}

.ChecklistBox {
    float: none;
    width: auto !important;
    height: auto;
}

.CheckBoxDef {
    width: auto;
}

.CheckboxAnswerWrap {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 20px;
}

/*gallery*/

.resize {
    float: left;
    margin-right: 0px;
}
/*
.wrapcorrect {
    float: left;
    margin-left: 10px;
}*/

.circle-correct {
    background: white;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 3px;
    float: left;
}
 
.circle-notif {
    background: white;
    border: 1px solid #ccc;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 3px;
}

.MarkerCounter {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.checklist-correct {
    float: right;
    margin-right: -2px;
}

.wrapimagesgalery {
    padding-top: 6px;
}

.imagefootage {
    /*border: 10px solid #F9F9F9;*/
    height: 150px !important;
    margin-top: 10px;
}

.MainContent-assetsDetail .Tabs__content .Counter_Message {
    margin-bottom: 7px;
    margin-left: 0px;
    margin-top: 10px;
}

.filter-label-gal {
    float: left;
    width: 60px;
    line-height: 25px;
    margin-left: 2px;
}

.filter-status-gal, .filter-category-gal, .filter-status-gal, .filter-type-gal {
    float: left;
    width: 175px;
    margin-right: 10px;
}

/*
.wrapmarker {
    width: 140px;
    margin: auto;
}*/

.IsOperatorCheckbox {
    float: left;
    width: 0px;
}

.wrapcorrect {
    float: left;
}

.isInpsected.ThemeGrid_Width1.ThemeGrid_MarginGutter {
    margin-top: -68px;
    width: 15%;
    margin-right: -85px;
}

.Menu_TopMenu .Menu_DropDownArrow {
    opacity: 100%  !important;
}


.assetAttribute_addQuestion {
    margin-left: 80px;
    margin-bottom: 50px;
}


/*media browser*/

@media only screen and (max-width: 1440px) {

    .ValidationMessage {
        margin-left: 228px;
        display: block !important;
        margin-top: 10px;
    }

    .TypeTankCombo {
        /*float: inherit;
        margin : -44px 325px 0px 0px;*/
    }

    .FilterBy {
        width: auto;
    }

    .CardLeftImage .Right 
    {
        width: 127px;
        /*width: 165px;*/
    }

    .AssetDetail {
        margin-top: -45px;
    }

    .AssetAttributeOverviewHeader {
        display: inline-block;
        padding: 5px;
    
    }

    .AssetAttributeNameHeader {
        padding: 5px;
        color: #4498CA;
    }

    .MainContent-assetsDetail .TableRecords td {
        width: 100%!important;
    }

    .desktop .TableRecords_OddLine:first-child, .desktop .TableRecords_EvenLine:first-child, .desktop .TableRecords_Header:first-child, .tablet .TableRecords_OddLine:first-child, .tablet .TableRecords_EvenLine:first-child, .tablet .TableRecords_Header:first-child {
        padding-left: 12px;      
    }

    .ChecklistBox {
        width: 45px !important;
        float: left;
        height: 350px;
    }

    .CheckboxAnswer {
        width: 30px !important;
    }

    .CheckBoxDef {
        width: 25px;
    }

    .checklist-correct {
         margin-right: 0px;
    }

    .circle-correct, .circle-notif{
        padding: 2px 6px;
    }

    .wrapmarker {
        width: 141px;
        margin: auto;
    }

    .wrapcorrect {
        float: left;
        margin-left:10px !important;
    }

    .resize {
        float: left;
    }

    .filter-label-gal {
        float: left;
        width: 60px;
        line-height: 25px;
        margin-left: 2px;
    }

    .filter-status-gal,.filter-category-gal, .filter-status-gal, .filter-type-gal {
        float: left;
        width: 175px;
        margin-right: 10px;
    }


    .ImageContainer {
        float: left;
        width: 30% !important;
        height: 100%;
        margin-right: 45px;
    }
}

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

/*new update css 1 nov 2018 --by June */

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

/*-------login--------*/

.layout-login-simple .layout-login-form-content {
    width: 320px;
    margin: auto;
    display: inline;
}

.layout-login-simple .layout-login-form 
{
    background-color: #191D26;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.layout-login-logo.text-align-center {
    display: none;
}

.animated-label-inline .input {
    background-color: #262B37;
    border: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
.animated-label-inline .animated-label-text {
    left: 10px;
    font-size: 12px;
    color: #fff;
}

.layout-login-form {
    min-width: 320px;
}

.ValidationMessage {
    margin-left: 0px !important;
    text-align: center;
    /*float: left;*/
}

label.font-size-s.margin-left-s {
    color: #fff;
    margin-left: 8px;
}

.layout-login-remember.margin-top-l {
    margin-top: 20px;
}

.layout-login {
    padding-top: 200px;
}

.font-size-s {
    font-size: 12px;
}

.no-responsive.text-align-right.ThemeGrid_Width6.ThemeGrid_MarginGutter {
    text-align: left;
}

.phone .layout-login-simple .layout-login-form {
    margin-top: 70%;
}

.animated-label.active .animated-label-text {
    display: none;
}

.remember-checkbox.ThemeGrid_Width6 {
    margin-bottom: 20px;
}

.Forgot-Password.ThemeGrid_Width6.ThemeGrid_MarginGutter {
    margin-left: 0px;
}

.User-Active.ThemeGrid_Width6.ThemeGrid_MarginGutter {
    margin-left: 0px;
}

.animated-label-inline .input, .layout .Form .animated-label-inline .input.ReadOnly:not(.Not_Valid) {
    padding: 10px;
}


/*-------header--------*/

.Application_Menu {
    line-height: 48px !important;
}

.Menu_TopMenu > div a, .Menu_TopMenu > div a:visited {
    color: #ffff;
}

.Menu_TopMenuActive > div a {
    color: #1992C4;
}

.header .Menu_TopMenu:hover, .header .Menu_TopMenu.Menu_TopMenuActive{
    border-bottom: #1992C4;
}

.layout-top .content .ThemeGrid_Container {
    padding: 20px;
}

.content-top-title {
    font-size: 18px!important;
}

.Menu_TopMenu a:hover, .Menu_TopMenu {
    box-shadow: none;
}

.checkbox:checked:before {
    border: #1992c4;
    background-color: #1992c4;
}

input[type="radio"]:before, input[type="checkbox"]:before {
    box-shadow: none;
}

.checkbox:before {
    border-radius: 0px;
}

.tabs-header-item.active {
    border-bottom: 2px solid #1992c4;
    color: #1992c4;
}

.header .Menu_TopMenu.Menu_TopMenuActive > div > a {
    color: #1992c4;
    border-bottom: 4px solid #1992c4;
}

.Menu_TopMenu > div a {
    color: #fff;
}

.header .Menu_TopMenu > div > a:hover {
    color: #1992c4;
}

.user-photo {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    background: #2E323B;
    border: 1px solid #767980;
    padding: 0px;
}

img.user-image {
    margin-left: -1px !important;
}

.Menu_TopMenu .Menu_DropDownArrow{
    top: 25%;
    /* right: -5px; */
    right: 0px;
}

.Menu_DropDownPanel a, .Menu_DropDownPanel a:link {
    font-size: 12px;
    line-height: 12px;
}

.desktop a.ActionAdd:hover,.desktop a.ActionAdd:link:hover {
     background-color: inherit;
    border: 0
}

.header .Menu_DropDownPanel {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    height: auto;
    margin: 0px;
    min-width: 160px;
    z-index: 250;
}

.Menu_DropDownPanel {
    background-color: #191D26;
}

div.Menu_DropDownPanel a, div.Menu_DropDownPanel a:link {
    color: #fff;
    height: auto;
}

div.Menu_DropDownPanel a:hover, div.Menu_DropDownPanel a:link:hover, div.Menu_DropDownPanel a:visited:hover {
    color: #1992c4;
}

.header .Menu_DropDownPanel a, .header .Menu_DropDownPanel a:link {
    padding: 10px 0px 14px 30px;
}

.Menu_TopMenu.Menu_TopMenuActive a:hover
{
    box-shadow: none !important;
}


/*------content-----*/

body {
    font-size: 12px !important;
}

.content {
    background: white;
}

a, a:link, a:visited {
    color: #1992c4;
}

.desktop .TableRecords .TableRecords_Header.SortColumns_Sortable:hover {
    color: #1992c4;
    text-decoration: none;
}

.ListNavigation_CurrentPageNumber {
    background: #d3f2ff;
    color: #1899cf;
    border-color: #1899cf;
}

.ThemeGrid_MarginGutter {
    margin-left: 0px;
}

textarea, input[type="text"] {
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.desktop a.ActionAdd:hover {
    background-color: inherit;
}

.desktop a:hover, .desktop a:link:hover, .desktop a:visited:hover {
    color: #1992c4;
    text-decoration: none;
    /*font-size: 12px;*/
}

.TableRecords .TableRecords_OddLine, .TableRecords .TableRecords_EvenLine {
    height: 0px;
}

.TableRecords .TableRecords_Header {
    color: #999;
    background: #F9F9F9;
}

img.SiteDetail_Image {
    width: auto;
    margin-bottom: 20px;
    margin-right: 2px;
    height: 170px;
    float: left;
    border: 1px solid #ddd;
    padding: 8px;
}

.AssetDetail {
    margin-top: 0px;
    margin-bottom: 30px;
    margin-right:5px;
    /*width: 30%;*/
    width: 500px;
    height: 200px;
    float: left;
}

.Form select.ReadOnly:not(.Not_Valid) {
    box-shadow: 0px;
}

.Heading2 {
    font-size: 18px !important;
    line-height: 24px;
    color: #333;
    font-weight: 800 !important;
    margin-top: 50px;
    margin-bottom: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #fff;
}

div#wtChecklistTemplateOptionForm {
    padding: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background: url(/WebPatterns/img/PopupCloseDark.png?374&2644&43504) no-repeat;
}

.TableRecords {
    border-radius: 0px;
}

.breadcrumbs-item .icon .fa-fw {
    font-size: 18px !important;
}

.tabs-header-item.active {
    border-bottom: none;
    color: #1992c4;
    background: white;
    padding: 4px 20px;
    margin-top: 1px;
    border-top: 2px solid;
    line-height: 31px;
    height: 42px !important;
}

.columns.columns2.gutter-l.tablet-break-none.phone-break-all {
    background: #F7F7F7;
}

.TableRecords{
    padding: 0px;
    box-shadow: none;
}

.checkbox {
    vertical-align: middle !important;
}, 

.tabs .tabs-content {
    background: white;
    padding: 20px;
    border-top:0px;
}

.tabs-header-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--border-size-m) solid transparent;
    color: #818181;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1px;
    padding: var(--space-base) var(--space-xs);
    -webkit-transition: border 150ms linear;
    transition: border 150ms linear;
    background: #efeded;
    border-right: 1px solid #ccc;
    padding: 15px 10px 10px;
}

.Button, a.Button {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 0px 12px 2px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
}



.assesment-attribute {
    margin-top: -73px;
}

.os-internal-Popup.os-internal-ui-dialog iframe {
    border-radius: 0px;
}

div.Feedback_Message_Info:before, div.Feedback_Message_Success:before, div.Feedback_Message_Error:before, div.Feedback_Message_Warning:before {
    font-size: 20px;
    left: 0px;
    top: 0px;
}

.accordion-item .accordion-item-header {
    font-size: 12px;
    padding: 10px 20px 10px 10px;
}

.accordion-item .accordion-item-icon {
    color: #1691C4;
}


.AssetTitle a {
    color: #1892C3 !important;
}

.AssetAttributeName {
    color: #1892C3;
}

.accordion-item.is--open {
    border-top: 2px solid #1892c3;
}

.MarkerTable {
    overflow-y: auto;
    height: 100vh;
    margin: 0px 3px 0px 3px;
}

.TableRecords_EvenLine:first-child {
    padding-left: 0px;
}

.TableRecords_TopNavigation {
    margin-bottom: 5px;
}

.Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color: #1689BA;
}

.Menu_DropDownArrow:after {
    background-color: #1689BA;
}

div#wtSliderContainer.ImageDiv.OSInline {
    margin: 0px 5px 0px 30px;
}

.Filters_Wrapper {
    background: #fff;
    border-radius: 0;
    line-height: 32px;
    padding: 10px 20px 42px 10px;
}

.button-group {
    margin-top: 10px;
    margin-bottom: 30px;
}

.ListNavigation_Wrapper {
    margin-left: 25px;
    margin-top: 21px;
}

.notValidatedTable {
    height: auto;
}

.Menu_DropDownArrow:before {
    background-color: #1689BA;
}

input[type="text"] {
    box-shadow: none;
    padding: 2px 2px 2px 7px !important;
}

.accordion-item .accordion-item-content, .accordion-item .accordion-item-content.is--collapsed {
    padding: 0px;
}

footer.content-bottom {
    background: #F7F7F7;
}

main.main-content.ThemeGrid_Container {
    background: #F7F7F7;
}

.TableRecords_EvenLine:first-child {
    padding-left: 10px;
}

/*new update css 6 nov 2018 --Hendra */
/*-------fix header, include breadcrumb and title--------*/

.content-top-fix {
    background: #F7F7F7;
    position: fixed;
    z-index: 99;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px; 
}

.content-top-title-fix{
    font-size: 18px!important;
    font-weight: var(--font-bold);
    margin-top: -10px;
}

.content-middle-fix{
    margin-top: 70px;     
}

.ActionAdd{
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    padding:7px 10px;
}


.os-internal-ui-dialog-title{
    font-size: 14px !important;
    margin-left: -4px !important;
    color: #1F9BCC !important;
    font-weight: bold !important;
}

.os-internal-ui-dialog-titlebar{
    margin-bottom: 0px !important;
}

input[type="number"] {
    box-shadow: none;
    padding: 2px 2px 2px 12px !important;
    height: 28px;
}

.ztree li span.button.icon01{margin:0; background: url(/FalconDesign/img/folderdelete.png?103627) no-repeat scroll 0 0 transparent; vertical-align:top;}
.ztree li span.button.icon02{margin:0; background: url(/FalconDesign/img/filesdelete.png?103627) no-repeat scroll 0 0 transparent; vertical-align:top;}
.ztree li span.button.icon03{margin:0; background: url(/FalconDesign/img/node5.png?103627) no-repeat scroll 0 0 transparent; vertical-align:top;}
.ztree li span.button.icon04{margin:0; background: url(/FalconDesign/img/iconspencil.png?103627) no-repeat scroll 0 0 transparent; vertical-align:top;}
.ztree li span.button.icon05{margin:0; background: url(/FalconDesign/img/preview.png?103627) no-repeat scroll 0 0 transparent; vertical-align:top;}

.ztree li span.button.ico_open{background: url(/FalconDesign/img/folder.png?5184&103627) no-repeat;}
.ztree li span.button.ico_close{background: url(/FalconDesign/img/folderclose.png?5184&103627) no-repeat;}
.ztree li span.button.ico_docu{background: url(/FalconDesign/img/files.png?5184&103627) no-repeat;}



.demoIcon {
    display: none;
}

.curSelectedNode .demoIcon{
    display: inherit;
} 

.preview-wrapper{    
    z-index: 9999;
    
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translate(-50%);
    border: solid;
    border-color: #000;     
    background-color: #fff;     
    width: 75%; 
    border-bottom: 0px;
    box-shadow: 0 20px 20px 5px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;   
}

.preview-wrapper {
   border-color: #fff;
}

.preview-wrapper iframe, .preview-wrapper img{
    height: 85vh !important;
}

.previewClose {
    padding: 10px 10px 10px 10px;
}

.RiskLevel {    
    -webkit-box-sizing: border-box;
    width : 100%;
    line-height: 20px;    
    border: 1px solid #E3E3E3;
    height: 30px;
    padding: 4px 6px
}

.fc-basic-view .fc-body .fc-row{
    min-height: 15em ;
}


.historyDiv{
    position: absolute;
    display: inline-block;
    left: 5px;
    background-color: rgba(34,34,34,.8);
    top: 5px;
    z-index: 99;    
    vertical-align:middle;
    padding: 15px 5px;
    overflow: hidden;
    color: #fff;
}

.historyDetailDiv{
    position: absolute; 
    background-color: rgba(34,34,34,.8);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    width: 350px;
    height: 260px;
    display:block;
    top: 55px;
    left:5px;
    z-index: 99;
}

.HistoryClose{
    text-align:right;
}

.HistoryImage{
    height: 170px;
    text-align: center;    
}

.HistorySlider{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 20px;    
}

.HistorySlider .noUi-pips, .HistorySlider .input{
    color: #fff;
}

.range-slider-values {
    display: none;
}

.HistoryImageCurrent{
    color: #fff;
    text-align: left;
    padding-left:25px;
}

.range-slider .noUi-connect, .noUi-connects {
    background: transparent;
}

.noUi-tooltip {
    display: none;
}
.noUi-active .noUi-tooltip {
    display: block;
}
.noUi-value{
    display: none;
}
.noUi-marker{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background-color: #1999cf !important;
    margin-top:-15px !important;
}

.noUi-handle{
    height: 15px !important;
    width: 15px !important;
    margin-top: -6px !important;
    z-index: 4 !important;
}

.noUi-handle:before, .noUi-handle:after{
    border: none !important;
}

.FootageDownloadLink{
    color: #c5c3c3 !important;
}

.reason-div{
    position: absolute; 
    background-color: transparent;
    display:block;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0px;
}
.reason-box{
    background-color: rgba(34,34,34,.8);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    color: #fff;
    position: absolute;    
    padding: 0px 10px;  
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 15px;
    font-weight: bold;
}

.CheckboxAnswer .checkbox:checked:before{
    background-color: transparent;
}

.MapPlaceHolder{
    min-height: 600px;
}

.MyViewerDiv{
    position:relative;
    z-index:9;
    opacity: 0.5;
}


.mappic, .mapAI, .mapSecondOverlay, .mapThirdOverlay{    
    max-height:100%;
    max-width: 100%;    
}

.mappicDiv{  
    opacity: 1;    
    position:absolute;
    padding-right:20px;    
    top:20px;        
    z-index: 8;
}

.mapAIDiv, .mapSecondOverlayDiv, .mapThirdOverlayDiv{    
    position:absolute;
    opacity: 0.4;
    top:0px;
    padding-right:20px;    
}

/*add from BaseTheme.css */

.header .Menu_DropDownPanel {
    min-width: 190px !important;
    padding-bottom: 10px;
}

label.font-size-s.margin-left-s {
    color: #fff !important;
    margin-left: 9px;
}

a.Feedback_Message_Wrapper_Close::before {
    display: none;
}

a.Feedback_Message_Wrapper_Close {
    top: 11px;
}

.layout-login-remember.margin-top-l {
    margin-top: 20px;
}

.Menu_TopMenuActive > div a, .Menu_TopMenuActive > div a:visited, .Menu_TopMenuActive > div a:hover, .Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    font-weight: 400 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.Menu_TopMenu > div a, .Menu_TopMenu > div a:visited {
    color: #fff !important;
}

html input[type="radio"] {
    margin-right: 2px;
}

.Filters_Wrapper {
    padding: 10px 20px 10px 10px !important;
    margin-bottom: 20px;
}

.checkbox:checked:before, .TableRecords .TableRecords_Header [type="checkbox"]:checked:before {
    border: #1992c4;
    background-color: #1992c4;
}


a#FalconDesign_wt56_block_OutSystemsUIWeb_wt7_block_wtHeader_wtLeft_FalconDesign_wt12_block_wt3 {
    width: 32px;
}


/*ect task */

.Menu_TopMenuActive > div a {
    color: #1B91C5 !important;
}

.phone .btn.ThemeGrid_MarginGutter, .phone .Button.ThemeGrid_MarginGutter {
    margin-left: var(--space-none);
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    padding: 0px 5px;
}

.imagefootage {
    padding: 8px;
    border: 1px solid #ddd;
}

.labelOverlay {
    margin-left: 0px !important;
    vertical-align: middle !important;
}

input+.ValidationMessage {
    float: left;
}

.TableRecords .TableRecords_Header.SortColumns_Sorted {
     color: #1B91C5 !important;
}


.animated-label {
    margin-top: 20px;
    margin-bottom: 20px;
}

input[type='radio']:focus, input[type='checkbox']:focus {
    background-color: #1992c4;
}

input[type=checkbox]::-ms-check {
    background-color: #1992c4;
}

.sp-replacer {
    background: #fff !important;
    border: 1px solid #ccc !important;
    padding: 8px 5px !important;
}

.EditRecord input:not(.Button) {
    height: 30px !important;
    border-radius: 2px !important;
    border: 1px solid #ccc !important;
}


.form-left.Form.ThemeGrid_Width6 {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-top: 40px;
}


select#wtScheduledItem_ScheduledItemTypeId {
    margin-bottom: 20px;
}

.fa {

    font-size: 18px;
}

div[class*="ThemeGrid_Width"] {
    vertical-align: middle !important;
}

.fc-unthemed td.fc-today {
    background: #EFEDED;
}

.fc-day-grid-event .fc-content {
    line-height: 20px;
}


.GroupBy {
    width: 23%;
    float: left;
    text-align: left;
    margin-top: -1px !important;
    vertical-align: middle;
}


.filterText.ThemeGrid_Width2 {
    float: left;
    width: 4% !important;
    height: 30px;
    padding-top: 6px;

}

.groupText.ThemeGrid_Width2 {
    float: left;
    width: 32% !important;
    height: 30px;
    padding-top: 6px;
}

.isInpsected {
    padding-top: 3px !important;
 }

 /*checklist style  */
 input#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtAsset_IsActive {
    padding: 0px !important;
}

input#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtAsset_IsInspected {
    padding: 0px !important;
}


input#FalconDesign_wt36_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtDrawing_IsCurrent {
    padding: 0px !important;
    margin-top: -5px;
}

input#FalconDesign_wt50_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtDroneFootage_IsPickedUp {
    padding: 0px !important;
}

input#FalconDesign_wt50_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtDroneFootage_IsProcessed {
     padding: 0px !important;
}

.tablet .heading2 {
    --font-size-h2: 18px !important;
}

.Form:not(.form-top) label {
    vertical-align: middle;
    line-height: 30px;
}


.layout .Form .select.ReadOnly:not(.Not_Valid) {
    margin-top: 5px;
}

.Form input.ReadOnly, .Form textarea.ReadOnly {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    vertical-align: top;
}


input#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtPassword2 {
    border: 1px solid #ccc;
    box-shadow: none;
    padding-left: 10px;
}

input#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtPerson_Email {
    border: 1px solid #ccc;
    box-shadow: none;
    padding-left: 7px;
}

select#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtPerson_DisciplineId {
    margin-top: 12px;
    padding-left: 7px;
}

select#FalconDesign_wt100_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtPerson_LanguageId {
    margin-top: 0px;
}

.input:focus, .textarea:focus, .select:focus {
    border: 1px solid #1899CF !important;
}

.Form input.ReadOnly:not(.Not_Valid):focus {
    border: 1px solid #1899CF !important;
}

.ListNavigation_CurrentPageNumber {
    border-radius: 2px;
}

.Button + .Button {
    margin-left: 1px  !important;
    height: 31px;
}

.Button.Is_Default.ThemeGrid_Margin4First {
    margin-right: 10px;
    margin-left: 0px;
    height: 31px;
}

div#FalconDesign_wt66_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtFilterWrapper {
    background: #fff;
    padding: 20px 20px 20px;
    border: 1px solid #ddd;
}

textarea:focus, select:focus  {
    box-shadow: none !important;
    padding-left: 7px;
   border: 1px solid #1899CF !important;
}

.Form input[type="number"] {
    border: 1px solid #1899CF !important;
    box-shadow: none !important;
}


.Form textarea.ReadOnly:not(.Not_Valid) {
    padding-left: 7px;
}

.tabs .tabs-content {
    background: white;
    padding: 20px;
    border-top:0px;
}

.Form input[type="checkbox"] {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div#wtScheduledItemForm {
    margin: 80px 20px;
}

.filterText {
    float: left;
    display: block;
    margin-top: 5px;
    margin-right: 20px;
}

.cb-Type.ThemeGrid_Width4 {
    display: inline !important;
}

.selectType, .selectGroup0.ThemeGrid_Width4, .selectGroup1.ThemeGrid_Width4,.selectGroup2.ThemeGrid_Width4 {
    float: left;
}

.selectType {
    margin-right: 10px;
}

.InspectedText {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
}

.filterBy {
    display: flex;
    flex-direction: row;
    float: right;
    margin-right: 91px;
}


.ListRecords {
    display: block;
    margin: 7px 0px 3px;
}

.ListRecordsFilter {
    display: flex !important;
    flex-direction: row;
}

.content-top-actions {
    margin-bottom: 0px !important;
}

.card-title {
    float: left;
    width: 100% !important;
}

span.fa.fa-fw.fa-expand {
    float: left;
}

span.fa.fa-fw.fa-download.fa-2x {
    float: left;
    font-size: 24px;
    margin-top: 3px;
    margin-left: 30px;
}

span.fa.fa-fw.fa-trash {
    float: left;
    font-size: 20px;
}

/*
.enlargeDroneImage {
    margin-top: 4px;
}*/


#FalconDesign_wt338_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt312_block_wtColumn1_OutSystemsUIWeb_wtLeftTabs_block_wtTabs_Content_OutSystemsUIWeb_wt23_block_wtContent_wt283 {
    margin-top: 10px;
}

#FalconDesign_wt338_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt312_block_wtColumn1_OutSystemsUIWeb_wtLeftTabs_block_wtTabs_Content_OutSystemsUIWeb_wt23_block_wtContent_wtcheckbox3D {

    margin-top: 4px;
    margin-right: 3px;
}

#FalconDesign_wt338_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt312_block_wtColumn1_OutSystemsUIWeb_wtLeftTabs_block_wtTabs_Content_OutSystemsUIWeb_wt245_block_wtContent_CustomNestedAccordion_wt210_block_wtContent_wtCurrentInspection_ctl00_OutSystemsUIWeb_wt323_block_wtAccordionItemWrapper {
    margin-top: 20px;
    border-bottom: 1px solid #E3E3E3;
}

div#wtPersonContainer {
    margin-top: 0px;
    margin-bottom: 20px;
}

div#FalconDesign_wt106_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtRepairAdviceForm {
    margin-top: 100px;
}

.downloadDef span.fa.fa-fw.fa-download {
    float: left;
    font-size: 20px;
}

.card.card-sectioned.flex-direction-column {
    float: left;
    border-radius: 0px;
}

#FalconDesign_wt8_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt56 {
    margin-left:10px;
}

#FalconDesign_wt118_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt125 {
    margin-right:10px;
}

#FalconDesign_wt73_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt28 {
     margin-right:10px;
}

select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAAXNSR…42xz+L3l3VtCGE1HXxhG+JfyPjhqHREdR1uSv+Oj56fwCOW+0Oio0XpwAAAABJRU5ErkJggg==) !important;
    background-position: center right 16px;
    background-repeat: no-repeat;
    background-size: 14px 7px;
}

.accordion-item:first-child {
    border-radius: 2px;
    margin-top: 20px;
}

.btnTop {
    float: right;
}

div#wtAssetDocumentForm2 {
    padding: 20px;
}


div#wtAssetAttributeForm {
    padding: 20px;
}

div#wtAssetAttributeChecklistQuestionTable_Wrapper {
    padding: 20px;
}

div#wtComboboxes {
    padding: 0px 20px;
}

div#wtButtonContainer {
    margin-left: 20px;
}

.dictionaryComponentAdd {
    background: #fff;
    padding: 20px;
    margin: 20px 0px;
    border: 1px solid #ddd;
}

.heading2 {
    font-size: 18px!important;
}


.versionQuestionDiv {
    background: #fff;
    padding: 20px 20px 0px 20px;
    margin: 20px 0px;
    border: 1px solid #ddd;
}

.select {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px;
    font-size: 12px;
    line-height: 30px;
    vertical-align: initial;
    height: 30px !important;
    border: 1px solid #E3E3E3;
    margin-top: 10px;
    margin-right: 10px;
}

.checkbox:before, .TableRecords .TableRecords_Header [type="checkbox"]:before {
    border-radius: 2px;
}

#FalconDesign_wt120_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtNewSiteLink {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
}


#FalconDesign_wt120_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtlnkDeleteSelectedSite {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;

}


#FalconDesign_wt120_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt30 {
    margin-top: -20px;
}


.showActive_cb {
    margin-top: -10px;
    margin-bottom: 20px;
}


#FalconDesign_wt104_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtNewAttributeValueLink {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}

#FalconDesign_wt104_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtlnkDeleteSelectedAttributeValue {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}

input#FalconDesign_wt103_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt158 {
    margin-bottom: 20px;
}

#FalconDesign_wt104_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt159 {
    margin-bottom: 20px;
}

#wtAssetSelection, #wtScheduledItem_DateTimeStart, #wtScheduledItem_DateTimeEnd, #wtScheduledItemDate_OrganizationId {
    width: 100%;
}

.ThemeGrid_Width4.ThemeGrid_MarginGutter.SmartInput.SmartInput_Changed.ReadOnly {
     width: 100%;
}

.ThemeGrid_Width4.ThemeGrid_MarginGutter.Mandatory.SmartInput.ReadOnly {
    width: 100%;
}

.ThemeGrid_Width4.SmartInput.ReadOnly{
    width: 100%;
}

.ThemeGrid_Width4.ThemeGrid_MarginGutter {
     width: 100%;
}

.filterFootages {
    float: right;
    margin-right: -90px;
    margin-top: 20px;
}

input#FalconDesign_wt103_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt102 {
    margin-bottom: -15px;
} 

.flightDatecb.ThemeGrid_Width8.ThemeGrid_MarginGutter {
    margin-left: 20px;
}

input#FalconDesign_wt103_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt171 {
    margin-bottom: 15px;
    margin-top: 20px;
}

input#FalconDesign_wt16_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt63 {
    margin-left: -150px;
}

.assetRelationFilter {
    vertical-align: middle;
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 20px 20px 0px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.addRelationType {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

a#FalconDesign_wt103_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtNewAttributeValueLink {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}


a#FalconDesign_wt103_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtlnkDeleteSelectedAttributeValue {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}

.deleteAttributeLink, .newAttributeLink {
    float: left;
}

a#FalconDesign_wt16_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt125 {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}

a#FalconDesign_wt30_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtNewAssetAttributeLink {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;

}


a#FalconDesign_wt30_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtlnkDeleteSelectedAssetAttribute {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}

.recordTotal.ThemeGrid_Width5 {
    margin-top: 20px;
}

a#FalconDesign_wt8_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtNewAssetTemplateChapterLink {
    height: 31px;
    background: #1992c4;
    background-color: rgb(25, 146, 196);
    background-color: rgb(25, 146, 196);
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -17px;
}


.newChapterLink a, .newTemplateLink a, .newComponentChapterLink a, .newComponentAttributeLink a {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-bottom: 20px;
}


.deleteChapterLink a, .deleteTemplateLink a, .deleteComponentChapterLink a, .deleteComponentAttributeLink a {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -16px;
    margin-bottom: 20px;
}


.newTaggingLink a {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-bottom: 20px;
}


.deleteTaggingLink a {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -16px;
}


a#FalconDesign_wt16_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtlnkDeleteSelectedAsset {
    height: 31px;
    background: #1992c4;
    color: #fff;
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 7px 7px;
    margin-right: 10px;
    font-weight: 400;
    margin-top: -16px;
}

.btnAddQuestion.ThemeGrid_Width8 {
    margin-left: 116px;
    margin-bottom: 20px;
} 

.btnAddQuestion {
    margin-left: 80px;
    margin-bottom: 20px;
    display: inline-block;
} 

.btnNewAsset a {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 5px 12px 8px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    height: 29px;
}
.btnDeleteAsset {

    float: left;
    margin-top: 7px;
}

.showActiveAsset {
    width: 40%;
    display: flex;
    margin-top: -10px;
}

.addBtn_StandardVersion.ThemeGrid_Width8 {
    margin-left: 222px;
    margin-bottom: 20px;
}

.btnSearch_FMECA.ThemeGrid_Width4.ThemeGrid_MarginGutter {
    margin-left: 0px;
}

.newFmecaLink a {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 5px 12px 8px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    height: 29px;
}

.deleteFMECALink a {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 5px 12px 8px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
    height: 29px;
    margin-top: -17px;
    margin-bottom: 20px;
}

.settingDiv {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd
}

textarea#FalconDesign_wt24_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt46 {
    padding: 5px;
    height: 30px;
    border: 1px solid #ccc;
}

textarea#FalconDesign_wt24_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wt69 {
    padding: 5px;
    height: 30px;
    border: 1px solid #ccc;
}


div#FalconDesign_wt24_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_wtReportIntroductionForm {
    margin-top: 1px;
}

div#FalconDesign_wt24_block_OutSystemsUIWeb_wt7_block_wtContent_wtTitle {
    margin-top: 40px;
}

/*filter*/

.filterLbl {
    font-size: 12px;
    font-weight: 700;
}

.FilterHeader.ThemeGrid_Width8 {
    display: flex;
    flex-direction: row;
}

/*
.tabs-header-item.subdronephotos.active {
    background: #1A91C4;
    color: #fff;
    border-radius: 7px][p
    margin-right: 10px;
    padding: 0px 15px;
    margin-top: -3px;
    height: 35px !important;
}

.tabs-header-item.subdronephotos {
    border-radius: 7px;
    padding: 10px;
    height: 34px !important;
    margin-top: -2px;
    background: #CCCCCC;
    color: #fff;
}

.tabs-header-item.subdronelocation {
    border-radius: 7px;
    padding: 10px;
    height: 34px !important;
    margin-top: -2px;
    background: #CCCCCC;
    color: #fff;
}

.tabs-header-item.subdronelocation.active {
    background: #1A91C4;
    color: #fff;
    border-radius: 7px;
    margin-right: 10px;
    padding: 0px 15px;
    margin-top: -1px;
    height: 33px !important;
}
*/

span.fa.fa-fw.fa-image.fa-lg {
    font-size: 30px;
}

.tabs-header-item.active .fa-fw {
    color: #1A91C4;
}

.tabs-header-item.subdronephotos.active {
    border-top:0px;
    padding: 10px 10px;
}

.tabs-header-item.subdronephotos {
    border-top: 0px;
    padding: 10px 10px;
    background: none;
    display: block;
}

.tabs-header-item.subdronephotos.active {
    border-top: 0px;
    padding: 5px 10px;
    background: none;
}

.tabs-header-item.subdronelocation.active {
    border: 0px;
    background: none;
    padding: 5px 10px;
}

.tabs-header-item.subdronelocation {
    border:0px;
    background: none;
    padding: 5px 10px;
}

.tabs-header-item .fa-fw {
    font-size: 30px;
}

.lineSeparator {
    width: 107%;
    border-top: 1px solid #EFEDED;
    margin-left: -20px;
    margin-top: -5px;
    margin-bottom: 15px;
    display: none;
}

.SearchImageWrapper.ThemeGrid_Width4 {
    float: left;
    width: 30% !important;
    margin-top: 20px;
}

.GotoPage.ThemeGrid_Width3.ThemeGrid_MarginGutter {
    float: right;
    margin-right: -20px;
    width: 50% !important;
    display: block;
}

.ImageSearchBtn {
    background-color: #1999CF !important;
    border: none !important;
    border-bottom-width: 0;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 12px;
    box-shadow: none !important;
    padding: 0px 12px 2px;
    float: right;
    margin-top: -33px;
    font-weight: 400;
    position: relative;
    margin-right: -74px;
}

div.Counter_Message {
    color: #1999CF !important;
    font-size: 13px;
}

.tabs-header-item.subdronephotos {
    background: none;
}

.lineSeparatorSort {
    width: 107%;
    border-top: 1px solid #EFEDED;
    display: none; 
}

.FilterHeader.ThemeGrid_Width8 {
    display: flex;
    flex-direction: row;
    width: 100%;
    clear: both;
    /*margin-top: -20px;*/
}

.ButtonShowAllDiv {
    margin-top: 5px;
}

.lineSeparatorSort {
    width: 107%;
    border-top: 1px solid #EFEDED; 
    display: none; 
}

.sortLbl {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    margin-left: -247px;
    float: left;
}

.wrap-sort-gallery {
    width: 700%;
    margin-top: 70px;
    margin-left: -80px;
    line-height: 0px;
}

.wrap-filter-gallery {
    flex-direction: row;
    /*width: 400%;*/
    position: relative;
    display: flex;
    margin-top: 10px;
}

.dropdownFlight{
    float: left;
    margin-left: -218px;
}

.fullscreenImg {
    position: absolute;
    z-index: 9999;
    top: 30px;
}

select#FalconDesign_wt416_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt382_block_wtColumn2_OutSystemsUIWeb_wtRightTabs_block_wtTabs_Content_OutSystemsUIWeb_wt118_block_wtContent_OutSystemsUIWeb_wt175_block_wtTabs_Header_wtSortBy {
    float: left;
    margin-left: -218px;
}

.dropdownFlight {
    margin-left: -220px;
}

input#FalconDesign_wt416_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt382_block_wtColumn2_OutSystemsUIWeb_wtRightTabs_block_wtTabs_Content_OutSystemsUIWeb_wt118_block_wtContent_OutSystemsUIWeb_wt175_block_wtTabs_Header_wtShowAllButton {
    margin-top: 14px;
}

select#FalconDesign_wt416_block_OutSystemsUIWeb_wt7_block_wtContent_wtMainContent_OutSystemsUIWeb_wt382_block_wtColumn2_OutSystemsUIWeb_wtRightTabs_block_wtTabs_Content_OutSystemsUIWeb_wt118_block_wtContent_OutSystemsUIWeb_wt175_block_wtTabs_Header_wt216 {
    margin-left: -220px;
}

.ListRecords {
    display: block;
    margin-top: -20px;
    margin-left: -20px;
}

.tabs .tabs-header .icon-tab-wrapper{
    width: 20%;
    display: flex;
    float: right;
    height: 50px;
    /*margin-left: 500px;*/
}

.Menu_TopMenu > div {
    /*line-height: 20px;*/
}

/*menu in responsive mobile */

.tablet .header .Menu_TopMenu > div, .phone .header .Menu_TopMenu > div {
    padding: 0px !important;
    padding-left: 20px;
}

.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 {
    height: auto;
    line-height: auto;
}

.PageNumberSelection {
    width: 100%;
    display: block;
    margin-top: 20px;
}



/* filter for responsive */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {


    .content-top.display-flex.align-items-center {
        flex-direction: column;
    }

    .filterText {
        margin-right: 10px;
        margin-left: 10px;
    }

    .content-top-actions {
        margin-top: 10px;
    }

    .isInpsected.ThemeGrid_Width1.ThemeGrid_MarginGutter {
        margin-top: -68px;
    }

    img.AssetImage {
        height: auto;
    }

    .reportPropertiesDiv.ThemeGrid_Width8.ThemeGrid_MarginGutter {
        margin-left: 72px;
    }

    .assesment-attribute {
        margin-top: -77px;
    }

    .ListRecords > span {
        float: right;
    }

    .content-top-title-fix {
        width: 990px;
    }

    .content-middle-fix {
        margin-top: 100px;
    }

    .Menu_TopMenu > div {
        height: auto;
    }
}



@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 600px) {

    .filterBy {
        display: flex;
        flex-direction: column;
        margin: 0px;
        float: none;
    }

    .filterText {
        display: flex;
        float: none;
    }

    .selectType {
        display: flex;
        float: none;
    }

    .ListRecords {
        display: block;
        margin: 0px;
        width: auto; 
    }

    .isInpsected.ThemeGrid_Width1.ThemeGrid_MarginGutter {
        width: auto;
        margin-top: 0px;
        margin-right: 0px;
        display: flex;
        float: none;
    }

}

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {

    .isInpsected.ThemeGrid_Width1.ThemeGrid_MarginGutter {
        width: 15%;
        margin-top: -50px;
        margin-right: -85px;
    }

    .reportPropertiesDiv.ThemeGrid_Width8.ThemeGrid_MarginGutter {
        margin-left: 113px;
    }

}

.accordion-item {
    border-bottom-width: var(--border-size-s);
}

span.fa.fa-map-o.fa-lg {
    font-size: 30px;
    line-height: 30px;
    margin-left: 7px;
}

.TabHeader-DefImage {
    float: right;
    width: 15%;
    display: inherit;
    margin-left: auto;
}

.btnPrintReportChecklist{
    margin-bottom: 40px;
    margin-top: 10px;
    margin-left: -15px;
}

.selectionCb:checked:after{
    border: var(--border-size-l) solid var(--color-neutral-0);
    border-right: var(--border-size-none);
    border-top: var(--border-size-none);
    content: '';
    display: block;
    height: 4px;
    left: 5px;
    opacity: 1;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    width: 12px;
}

.ThemeGrid_Width10 {
    width: auto !important;
}

.filter-level.ThemeGrid_Width3 {
    float: left;
}

.filter-level.ThemeGrid_Width4.ThemeGrid_MarginGutter {
    width: 60px !important;
    float: left;
    margin-top: -10px;
}

.ButtonShowAllDiv {
    margin-top: 9px !important;
}

.NoFootageItemsFoundMsg {
    margin-left: -17px;
}

.ECT_FeedbackContainer {
    display: none !important;
}

.menu-switcth-tenant .Menu_DropDownArrow{
    right: 0px !important;
}

.menu-switcth-tenant .Menu_DropDownArrow:before, .menu-switcth-tenant .Menu_DropDownArrow:after{
    background-color: #3384B4 !important;
}

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

#jsd-widget {
  right: 20px !important;
}