/*
* Notice: This source file was originally developed by Automatik IT, to make development of new projects more efficient, internally and externally for various clients.
* The functionality in this file is provided in source form instead of as a binary (NuGet Package etc.) to allow clients of Automatik IT to make changes on their own.
* Clients of Automatik IT have the right to modify this file and have ownership of the changes they make.
* Exclusive ownership of the original source file is not granted, as it's used in various projects for the sake of efficiency.
*/


        * {
            box-sizing: border-box;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        html {
/*
            height: 100%;
*/
            /* Root size for rem */
            font-size: 16px;
        }


        body {
            font-family: sans-serif;
            font-size: 20px;
            margin: 0;
            color: #000;
            /* Override bootstrap that set background color despite custom/partial version */
            /*background-color: transparent !important;*/
            /*background-color: #676669 !important;*/
            /*background-color: #81bfde;*/
        }

        h2, h3 {
            /* Looks good with Open Sans */
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 1.02px;
        }

        body a {
            color: #FD41A4;
        }


        /* Margin at the bottom so that the page content doesn't overlap with the footer. */
        .Wrap {
            margin-bottom: 54px;
        }


        a {
            /*
            text-decoration: none;
        */
            color: inherit;
        }


            a.Underlined {
                border-bottom: 2px #2E80B8 solid;
            }

        .Container {
            display: flex;
            /*
            align-items: center;
            */
        }
        /*
            .Container div {
                flex: 1;
            }
            */
        .Content {
            /*padding-top: 144px;*/

            padding-bottom: 24px;
            /*padding-left: 220px;*/
            padding-left: 196px;
            padding-right: 16px;
            flex: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }

        /* Decrease left and right padding on small screens */
        @media screen and (max-width: 1024px) {
            .Content {
                padding-left: 0;
                padding-right: 0;
            }
        }

            .Content a {
                /*
                border-bottom: rgba(0,0,0, .1) 1px solid;
                */
            }

            /*
                .Content a:hover {
                    background-color: #FD41A4;
                    color: #FFF;
                }
                */

            /*
            .Content h1 {
                background: url('/Images/HrBG.png') repeat-x 0 0;
                padding-top: 60px;
                margin-top: 60px;
            }
            */

            .Content > :first-child h1:first-child {
                background: transparent;
            }






        form .IconHtml {
            display: none;
        }



        #Slides form input:not([type="submit"]) {
            background: transparent;
            color: rgba(255,255,255,.85);
            /*
            font-size: 32px;
        */
            font-size: inherit;
            letter-spacing: 3px;
            border: none;
            outline: none;
            text-align: center;
        }


        /*
        ::placeholder {
            color: rgba(255,255,255,.75);
        }
        */

        #Slides form fieldset > ul > li > label + * {
            flex: 1 0 220px;
        }


        /* Center form button in slides */
        #Slides form .Invoke {
            text-align: center;
        }


        /* Global buttons */
        button,
        input[type='submit'],
        input[type='button'],
        .Button {
            background: #2f3238;
            color: #FFF;
            border-radius: 3px;
            padding: 6px 14px;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.33;
            display: inline-block;
            text-align: center;
            /*text-transform: uppercase;*/
            vertical-align: middle;
            cursor: pointer;
            white-space: nowrap;
            border: none;
            text-decoration: none;

			text-transform: uppercase;
			font-size: 1rem;
			letter-spacing: .02rem;
        }


            button + button,
            input[type='submit'] + input[type='submit'],
            input[type='submit'] + input[type='button'],
            .Button + .Button {
                margin-left: 12px;
            }


            button:hover,
            input[type='submit']:hover,
            input[type='button']:hover,
            .Button:hover {
                background: #444;
            }


        /* Margin above form buttons - FIX */
        /*
            button.Save,
            button.Delete,
            input[type='submit'] {
                margin-top: 40px;
            }
            */

        /* Change Autocomplete styles in Chrome*/
        :-webkit-autofill,
        :-webkit-autofill:hover,
        :-webkit-autofill:focus {
            /*
          border: 1px solid green;
          -webkit-text-fill-color: green;
          -webkit-box-shadow: 0 0 0px 1000px #000 inset;
            background-color: transparent !important;

        */
            transition: background-color 5000s ease-in-out 0s;
            /*
            color: rgba(255,255,255,.85);
            -webkit-text-fill-color: rgba(255,255,255,.85);
        */
        }


        hr {
            margin: 40px auto 40px auto;
            max-width: 200px;
            background-color: red;
            height: 1px;
            border: 0;
        }



        /* Log in page */

        .ForgotYourPasswordLink {
            float: right;
            font-size: 18px;
            display: inline-block;
            margin-top: 4px;
            text-align: right;
        }


        .PasswordLogInButton {
            display: block !important;
            margin-left: auto;
            margin-right: auto;
        }


        .BrightBackground {
            color: #000 !important;
        }


        #Slides.BrightBackground fieldset {
            text-align: left;
            border-color: #000;
        }

        #Slides.BrightBackground form input:not([type="submit"])::placeholder {
            color: rgba(0,0,0,.4) !important;
        }


        #Slides.BrightBackground form input:not([type="submit"]) {
            color: #555 !important;
        }


            /* Change Autocomplete styles in Chrome*/
            #Slides.BrightBackground form input:not([type="submit"]):-webkit-autofill,
            #Slides.BrightBackground form input:not([type="submit"]):-webkit-autofill:hover,
            #Slides.BrightBackground form input:not([type="submit"]):-webkit-autofill:focus {
                transition: background-color 5000s ease-in-out 0s;
                color: #000 !important;
                -webkit-text-fill-color: #000;
            }




        /* Label icons */
        label[for='UserName']::before {
            content: '';
            background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1536 1399q0 109-62.5 187t-150.5 78h-854q-88 0-150.5-78t-62.5-187q0-85 8.5-160.5t31.5-152 58.5-131 94-89 134.5-34.5q131 128 313 128t313-128q76 0 134.5 34.5t94 89 58.5 131 31.5 152 8.5 160.5zm-256-887q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z"/></svg>');
            /*
                content: "\e605"; /*
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> <g id="icomoon-ignore"> </g> <path d="M16 3.205c-7.067 0-12.795 5.728-12.795 12.795s5.728 12.795 12.795 12.795 12.795-5.728 12.795-12.795c0-7.067-5.728-12.795-12.795-12.795zM16 4.271c6.467 0 11.729 5.261 11.729 11.729 0 2.845-1.019 5.457-2.711 7.49-1.169-0.488-3.93-1.446-5.638-1.951-0.146-0.046-0.169-0.053-0.169-0.66 0-0.501 0.206-1.005 0.407-1.432 0.218-0.464 0.476-1.244 0.569-1.944 0.259-0.301 0.612-0.895 0.839-2.026 0.199-0.997 0.106-1.36-0.026-1.7-0.014-0.036-0.028-0.071-0.039-0.107-0.050-0.234 0.019-1.448 0.189-2.391 0.118-0.647-0.030-2.022-0.921-3.159-0.562-0.719-1.638-1.601-3.603-1.724l-1.078 0.001c-1.932 0.122-3.008 1.004-3.57 1.723-0.89 1.137-1.038 2.513-0.92 3.159 0.172 0.943 0.239 2.157 0.191 2.387-0.010 0.040-0.025 0.075-0.040 0.111-0.131 0.341-0.225 0.703-0.025 1.7 0.226 1.131 0.579 1.725 0.839 2.026 0.092 0.7 0.35 1.48 0.569 1.944 0.159 0.339 0.234 0.801 0.234 1.454 0 0.607-0.023 0.614-0.159 0.657-1.767 0.522-4.579 1.538-5.628 1.997-1.725-2.042-2.768-4.679-2.768-7.555 0-6.467 5.261-11.729 11.729-11.729zM7.811 24.386c1.201-0.49 3.594-1.344 5.167-1.808 0.914-0.288 0.914-1.058 0.914-1.677 0-0.513-0.035-1.269-0.335-1.908-0.206-0.438-0.442-1.189-0.494-1.776-0.011-0.137-0.076-0.265-0.18-0.355-0.151-0.132-0.458-0.616-0.654-1.593-0.155-0.773-0.089-0.942-0.026-1.106 0.027-0.070 0.053-0.139 0.074-0.216 0.128-0.468-0.015-2.005-0.17-2.858-0.068-0.371 0.018-1.424 0.711-2.311 0.622-0.795 1.563-1.238 2.764-1.315l1.011-0.001c1.233 0.078 2.174 0.521 2.797 1.316 0.694 0.887 0.778 1.94 0.71 2.312-0.154 0.852-0.298 2.39-0.17 2.857 0.022 0.078 0.047 0.147 0.074 0.217 0.064 0.163 0.129 0.333-0.025 1.106-0.196 0.977-0.504 1.461-0.655 1.593-0.103 0.091-0.168 0.218-0.18 0.355-0.051 0.588-0.286 1.338-0.492 1.776-0.236 0.502-0.508 1.171-0.508 1.886 0 0.619 0 1.389 0.924 1.68 1.505 0.445 3.91 1.271 5.18 1.77-2.121 2.1-5.035 3.4-8.248 3.4-3.183 0-6.073-1.277-8.188-3.342z" fill="#000000"></path> </svg> '); background-repeat: no-repeat;
            */
            background-repeat: no-repeat;
            background-position: center 0.18em;
            display: inline-flex;
            align-self: center;
            height: 1em;
            width: 1em;
            opacity: .5;
        }



        label[for='Password']::before {
            content: ' ';
            background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M640 768h512v-192q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-192q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z"/></svg>');
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-position: center 0.18em;
            display: inline-flex;
            align-self: center;
            height: 1em;
            width: 1em;
            opacity: .5;
        }


        #LogIn {
            background-color: #fff;
            padding: 120px 36px 120px 36px;
            max-width: 500px !important;
            color: #555 !important;
            width: 50%;
            float: left;
        }


            #LogIn fieldset {
                border: none !important;
                padding: 0;
            }


                #LogIn fieldset legend {
                    font-size: 32px;
                    margin-bottom: 38px !important;
                }


                #LogIn fieldset label {
                    display: none;
                }

                #LogIn fieldset input {
                    border: 1px #CCC solid !important;
                    padding: 6px;
                    border-radius: 6px;
                    font-size: 32px !important;
                }




        /* Hide below the fold content until CSS has been loaded for it */
        .BelowTheFold {
            display: none;
        }

















        /* START - BACKGROUND */

        .Background {
            z-index: -1;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }


@media screen and (min-width: 1025px) {
        html:not(.InIFrame) > body > .Background {
            background-image: url('/Oie/ProdBase/Web/Images/DefaultBG_1920x.webp');
            /* filter: blur(3px); */
            background-size: cover;
        }
}

        /*
            html:not(.InIFrame) > body > .Background::after {
                content: "";
                background-color: rgba(0,0,0,.4);
                width: 100%;
                height: 100%;
                position: absolute;
                top: 60px;
            }
            
        html:not(.InIFrame) > body > header::before {
            content: "";
            background-color: rgba(0,0,0,.4);
            width: 100%;
            height: 60px;
            position: absolute;
            top: 0;
        }
            */


        .InIFrame > body > header {
            display: none;
        }

        .WhiteBG {
            background-color: rgba(255,255,255,.9);
            padding: 20px;
            color: #000;
        }

        /*
        .Certifications {
            position: absolute;
            right: 20px;
            bottom: 20px;
            z-index: 10;
        }
            */
        /* END - BACKGROUND */



        input::placeholder {
            font-size: 20px;
        }

        .Partial fieldset legend {
            font-size: 32px;
            margin-bottom: 38px !important;
            text-align: center;
            border-bottom: none;
        }



        /* START - FOOTER */

        body > include-partial > footer {
            position: fixed;
            /*z-index: 100;*/
            bottom: 0;
            left: 0;
            right: 0;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: #777777;
            /*
            background-color: rgba(0, 0, 0, .8);
        */
            font-size: 16px;
            display: flex;
            flex-wrap: wrap;
        }


            body > include-partial > footer > div {
                /*
                    margin: 10px;
                text-align: center;
                */
                /*flex-grow: 1;*/
                /*
            padding-left: 10px;
            padding-right: 10px;
        */
            }


            body > include-partial > footer > :first-child {
                text-align: left;
            }

            /*
            body > include-partial > footer > :last-child {
                text-align: right;
            }
            */


            body > include-partial > footer a {
                text-decoration: none;
                padding-left: 8px;
                padding-right: 8px;
            }


            body > include-partial > footer .Notices a:hover {
                text-decoration: underline;
            }


            body > include-partial > footer .Copyright {
                /*
            font-weight: bold;
        */
                padding-left: 8px;
                padding-right: 8px;
                display: none;
            }

        /* END - FOOTER */


        .FrontpageHeading {
            text-align: center;
            font-size: 46px;
            font-weight: bold;
            margin-top: 24%;
            color: #DDD;
        }

        .FSLogoAsText {
            font-size: 160px;
            display: block;
            margin-top: 78px;
            margin-bottom: 90px;
            color: #000;
        }


        .Domain {
            opacity: .3;
        }


        .Tld {
            color: #2E80B8;
        }


        /* Glass overlay */

        html:not(.InIFrame) > body::after {
            content: '';
            background: linear-gradient(135deg, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 70%);
            position: fixed;
            width: 640px;
            height: 100%;
            top: 0;
            right: 0;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 30% 100%);
            pointer-events: none;
            z-index: 100;
        }

        @media print {
            html:not(.InIFrame) > body::after {
                display: none;
            }
        }


        .UserGuide {
            background-color: #FFF;
            padding-left: 24px;
            padding-right: 24px;
        }


        .Menu .popover-content {
            padding: 0 !important;
        }

        /*
        .popover-content ul {
            list-style: none;
            padding: 0;
        }

        .popover-content > ul > li {
            display: block;
            width: 100%;
            padding: 4px 24px;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            line-height: 24px;
            border: none !important;
            text-decoration: none;
            color: inherit !important;
            font-size: inherit;
        }

            .popover-content > ul > li:hover {
                background-color: rgba(0,0,0,.02) !important;
            }

            .popover-content > ul > li > a {
                color: inherit;
                text-decoration: none;
                display: block;
            }

            */


        .Notices {
            display: flex;
            align-items: center;
            background-color: rgba(0,0,0,.3);
            border-radius: 6px;
            padding: 4px 2px 2px 2px;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 205;
        }


            /* In the page footer for privacy notice etc. */
            .Notices a {
                color: rgba(255,255,255,.86);
            }

                .Notices a img {
                    width: 14px;
                    height: 14px;
                    vertical-align: middle;
                    margin-right: 5px;
                    margin-bottom: 4px;
                }

        /* Eye icon next to password field */
        .add-on {
            margin-left: -20px;
        }

        /*
        .ForgotYourPasswordLinkContainer {
            text-align: right;
        }
        */

        .PageContentHeader {
            color: #fff;
            /* max-width: 1024px; */
            margin-left: 229px;
            margin-right: auto;
            /* margin-bottom: 28px; */
            padding: 0;
            font-size: 20px;
            /*
            margin-top: 26px;
            */
        }

        h1 {
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            color: #fff;
            /*max-width: 1024px;*/
            /*margin-left: 12px;
            margin-right: 12px;*/
            width: 100%;
            font-size: 36px;
            font-weight: 300;
            line-height: 1;
            padding: 0;
            margin: 48px 0 4px 0;
            text-align: center;
        }





        h2 {
            margin-top: 4px;
            padding-top: 0;
            font-weight: normal;
            font-size: 21px;
            color: rgba(255,255,255,.85);
            text-align: center;
            width: 100%;
        }


        .PageContentHeader h1 small {
            color: rgba(255,255,255,0.7);
            font-family: "Open Sans", sans-serif;
            font-size: 16.25px;
            font-weight: 300;
        }

        .PageContentHeader h2 {
            margin-top: 4px;
            padding-top: 0;
            font-weight: normal;
            font-size: 21px;
            color: rgba(255,255,255,.85);
        }




        .PageContentHeader.LogIn {
            color: #fff;
            max-width: 1024px;
            margin-left: auto;
            margin-right: auto;
            /*margin-bottom: 28px;*/
            padding: 0;
            font-size: 20px;
            text-align: center;
        }


            .PageContentHeader.LogIn h1 {
                font-size: 36px;
                font-weight: 300;
                line-height: 1;
                margin: 11px 0 18px;
                padding-top: 0;
                margin-top: 0;
                margin-bottom: 4px;
                text-align: center;
            }


        .Dashboard h1 {
            text-align: left;
            font-size: 32px;
        }


        .PageContentHeader.LogIn h2 {
            margin-top: 4px;
            padding-top: 0;
            font-weight: normal;
            font-size: 21px;
            color: rgba(255,255,255,.85);
        }


        /* Add on for select2 */
        a.AddOn {
            /*position: absolute;
            right: 0;
            bottom: 0;
            margin-bottom: -22px;
                */
            /* Right align */
            /*
            margin-left: auto;

            border-bottom: none;
            text-transform: uppercase;
            font-size: 12px;
                */
        }



        abbr {
            text-decoration: none;
            border-bottom: none !important;
        }


        .Hide {
            display: none;
        }




        /* Remaining tasks counter in icons */
        .Icon + .Count {
            position: absolute;
            bottom: 0px;
            left: 40px;
            font-size: 12px;
            font-weight: bold;
            background: rgba(51,51,51,0.55);
            color: rgba(255,255,255,0.9);
            line-height: 1em;
            padding: 2px 4px;
            border-radius: 10px;
            /* border: solid 1px #fff; */
            text-align: center;
        }


        svg.Icon {
            height: 34px;
            fill: rgba(255,255,255,.86);
        }




        /* Underlines on login page */
        h2 > span {
            position: relative;
        }

        h2 svg {
            position: absolute;
            top: 50%;
            left: 50%;
            width: calc(100% + 20px);
            height: calc(100% + 20px);
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            overflow: visible;
            fill: transparent;
            stroke: #009edd;
            stroke-width: 10;
            stroke-linecap: round;
        }

        #underline1 {
            stroke-dasharray: 490, 490;
            stroke-dashoffset: 490;
            animation: dash1 .4s linear;
            animation-fill-mode: forwards;
            animation-delay: 2s;
        }

        @keyframes dash1 {
            from {
                stroke-dashoffset: 490;
            }

            to {
                stroke-dashoffset: 0;
            }
        }



        #underline2 {
            stroke-dasharray: 490, 490;
            stroke-dashoffset: 490;
            animation: dash1 .4s linear;
            animation-fill-mode: forwards;
            animation-delay: 2.8s;
        }

        @keyframes dash2 {
            from {
                stroke-dashoffset: 490;
            }

            to {
                stroke-dashoffset: 0;
            }
        }


        /* Show at the top of the dashboard */
        .AppWelcome {
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            color: #fff;
            /* max-width: 1024px; */
            width: 100%;
            font-size: 30px;
            font-weight: 300;
            line-height: 1;
            padding: 0;
            margin: 10px 0 0 0;
            text-align: left;
            margin-left: 24px;
            margin-bottom: 0;
            display: block;
        }



        /* Show Country entity SVG icons in a reasonable size*/
        .DomainObjectHtml.Country > span:first-child svg {
            height: 24px;
        }

        .DomainObjectHtml.Country > span:first-child {
            min-width: 24px;
        }

        .DomainObjectHtml.Country > span:nth-child(2) {
            margin-left: 6px;
        }


        /* Show some spacing between domain objects */
        .Multiple .DomainObjectHtml {
            margin-right: 12px;
        }


        /* For small screens */
        @media screen and (max-width: 1024px) {

            /* Make the line under the heading the same as the theme color */
            .ListControl header {
                border-bottom-color: #60b6ff;
            }
        }

        .header-include-partial
        {
            display: block;
            /*min-height: 76px;*/
            min-height: 146px;
        }

		.side-by-side
		{
			display: flex;
			flex-direction: row;
			justify-content: center;
			position: relative; /* create stacking context */
		}
		
		.side-by-side > include-partial > form
		{
			/*box-shadow: 24px 24px 36px rgba(0, 0, 0, 0.2);*/
			box-shadow: 21px 0px 61px 0px rgba(0, 0, 0, .12);
			padding: 1rem;
			position: relative; /* required for z-index to work */
			z-index: 120;        /* higher than sidepanel */
		}

		/* Shown for instance to the side on the login form to link to the register page */
.sidepanel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #006db6;
  color: #FFF;
  width: 260px; /* fixed width for the side panel */
  margin: 36px 0 12px 0;
  position: relative;
  z-index: 110; /* lower than form so shadow shows above */
  padding: 1.6rem;
}
		
		.sidepanel h2
        {
			color: #FFF;
			text-align: left;
			font-weight: bold;
			font-size: 1.42rem;
			margin-bottom: 0;
		}
		
		.sidepanel .text-block
        {
			margin: 1rem 0 1rem 0;
			font-size: 1.1rem;
			line-height: 1.35rem;
			letter-spacing: .08rem;
		}
		
		.LogInAsync
		{
			min-width: 34rem;
		}



.bootstrap-datetimepicker-widget {
	position: absolute;
}

input[type="button"]:disabled,
button:disabled {
    background-color: #ccc;       /* gray background */
    color: #666;                  /* dark gray text */
    cursor: not-allowed;          /* show not-allowed cursor */
    opacity: 0.6;                 /* slightly transparent */
    box-shadow: none;             /* remove any hover shadows */
    pointer-events: none;         /* optional, prevents clicks */
    transition: background-color 0.2s, opacity 0.2s;
}

.job-container {
    display: inline-flex;       /* horizontal layout */
    align-items: center;        /* vertical centering */
    gap: 8px;                   /* spacing between button and spinner */
}


.DomainObjectListControl {
	position: relative;
}

.spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    display: none;              /* hidden by default */
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.dt-spinner {
    width: 24px;
    height: 24px;
    margin: 10px auto;
    border: 4px solid #ddd;
    border-top: 4px solid #1ca580;
    border-radius: 50%;
    animation: dtspin 0.8s linear infinite;
	position: absolute;
	top: 2px;
	right: 120px;
}

@keyframes dtspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.bootstrap-datetimepicker-widget {
    background-color: #FFF;
    z-index: 100;
    font-size: 16px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	color: #000;
	z-index: 120;
}

.list-unstyled {
    list-style: none;
    padding: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: none;
}

.bootstrap-datetimepicker-widget.picker-open {
    display: block;
}


/* Fix month/year picker overflow */

.bootstrap-datetimepicker-widget {
  width: auto !important;
  min-width: 280px;
}

  .bootstrap-datetimepicker-widget table {
    width: 100%;
  }

  .bootstrap-datetimepicker-widget dropdown-menu {
    overflow: hidden;
  }

  /* Month / year cells */

  .bootstrap-datetimepicker-widget .picker-switch,
  .bootstrap-datetimepicker-widget .datepicker-months td,
  .bootstrap-datetimepicker-widget .datepicker-years td,
  .bootstrap-datetimepicker-widget .datepicker-decades td {
    white-space: nowrap;
  }

  /* Prevent text overflow */

  .bootstrap-datetimepicker-widget td,
  .bootstrap-datetimepicker-widget th {
    overflow: hidden;
    text-overflow: ellipsis;
  }