/** LOGIN */

.access-main {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    top: 0;
}
.access-main section {
    padding: 0;
    height: 100%;
}
.clearfix {
    display: block;
    width: 100%;
}
.section {
    padding: 60px 30px;
    position: relative;
}
.access-main section .access-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ECEBE9;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.access-main section .access-img.signin {
    background-image: url(../img/new-bg.png);
}
.access-main section .access-form {
    width: 400px;
    padding: 50px;
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: #fff;
    overflow: auto !important;
}
.access-main section .access-img, .access-main section .access-form {
    float: left;
    height: 100%;
    position: relative;
}
.table-ds {
    display: table;
    width: 100%;
    height: 100%;
}
.table-ds .table-cell-ds {
    display: table-cell;
    vertical-align: middle;
}
.str-21 {
    font-size: 21px;
    line-height: 29px;
    font-weight: bolder;
    margin-top: 50px;
    margin-bottom: 20px;
}
.btn-login {
    font-size: 14px;
}
a .white {
    color: #FFFFFF;
}
.navbar-default .navbar-nav .menu1>.open>a {
    color: #555;
    background-color: #E7E7E7;
}
.form-group-sm .control-label-f12 {
    font-size: 10px !important;
}
.scroll {
    max-height: 320px;
    min-height: 350px;
}
.well {
    margin: 0px;
}
button {
    /*margin: 5px;*/
}
/** END LOGIN */


/* new login */

.access-main section .access-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #ECEBE9;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.custom-position-jumbotron {
    position: absolute;
    top: 30%;
    max-width: 1000px;

}

.custom-card {
    position: relative;
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: 19px;

}

@media(min-width:1280px) and (max-width:1330px) {
    .custom-card {
        margin-top: 105px;

    }

}

@media(min-width:1331px) and (max-width:1366px) {
    .custom-card {
        margin-top: 90px;

    }

}
.p-5 {
    padding: 3rem !important;
}

.p-10 {
    padding: 10rem !important;
}

.p-6 {
    padding: 6rem !important;
}

.p-7 {
    padding: 6rem !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-50 {
    margin-top: 50px;
}

.title-login {
    font-family: 'Poppins-bold';
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.title-desk {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #858585;
}

.bg-login-image {
    background-image: url(../img/login.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.col-form-label {
    color: #848484;
    font-family: "Poppins-light";
}

.logo-image {
    height: 100px;
    width: 100px;
    margin-top: 10px;
}

.o-hidden {
    overflow: hidden !important;
}

.d-lg-block {
    display: block !important;
}

.btn-login {
    text-transform: uppercase;
    background-color: #3B80B6 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Poppins-light';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 31px;
    letter-spacing: 3px;
}

@font-face {
    font-family: "Poppins-light";
    src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: "Poppins-bold";
    src: url(../fonts/Poppins-SemiBold.ttf);
}

/* end noew login */

.my-drop-zone {
    border: dotted 3px lightgray;
}
.menu-icon {
    font-size: 35px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.form-group-sm .form-control-static {
    font-size: 14px;
}
.progress {
    margin-bottom: 0px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.ng-isolate-scope table .btn-default {
    padding: 8px;
    border-radius: 0px !important;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}
.ng-isolate-scope table .btn-default.active {
    background-color: #338bd0 !important;
}
.form-group-sm .form-control-static {
    font-size: 14px;
}
.text-bold:after {
    content: ":";
    text-align: right;
    float: right
}
.text-red {
    color: #db2828;
}
.text-green {
    color: #5cb85c;
}
.list-hover {
    cursor: pointer;
}
.list-hover label {
    cursor: pointer;
}
.list-hover:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
#printArea {
    display: none;
}
.cursor-pointer {
    cursor: pointer;
}
.btn-sm {
    font-size: 11px;
    padding: .4em 1.2em .4em;
}
.no-padding td {
    padding: 2px !important;
}
table, td, th {
    padding: 2px !important;
    margin: 0px 0px 0px !important;
}
p {
    margin: 0px 0px 0px !important
}
.bg-danger {
    background-color: #dc402b !important;
}

/* Sweet Alert */
.sweet-alert,.sweet-overlay{position:fixed;display:none}body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);left:0;right:0;top:0;bottom:0;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:400px;padding:17px;border-radius:5px;text-align:center;left:50%;top:40%;margin-left:-140px;margin-top:-200px;overflow:hidden;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:24px;text-align:center;text-transform:none;position:relative;margin:0 0 10px;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:14px;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s 30ms ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input::-ms-clear{display:none}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:12px;font-weight:700;-webkit-border-radius:4px;border-radius:5px;padding:6px 12px;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweetn{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info::after,.sweet-alert .sa-icon.sa-info::before{content:"";background-color:#C9DAE1;left:50%;position:absolute}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.sweet-alert .sa-icon.sa-info::after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .1s;animation:showSweetAlert .1s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .1s;animation:slideFromTop .1s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .1s;animation:slideFromBottom .1s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .1s;animation:hideSweetAlert .1s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .1s;animation:slideToTop .1s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .1s;animation:slideToBottom .1s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .1s;animation:animateSuccessTip .1s}.animateSuccessLong{-webkit-animation:animateSuccessLong .1s;animation:animateSuccessLong .1s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder .1s ease-in;animation:rotatePlaceholder .1s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .1s;animation:animateErrorIcon .1s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .1s;animation:animateXMark .1s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .1s infinite alternate;animation:pulseWarning .1s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .1s infinite alternate;animation:pulseWarningIns .1s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}