/*@font-face {
    font-family: 'barlow-bold';
    src: url('fonts/barlow-bold.ttf') format('truetype');
}*/
@font-face {
    font-family: 'Barlow-Regular';
    src: url('fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Comfortaa';
    src: url('fonts/Comfortaa.ttf') format('truetype');
}
html {
    font-family: 'Barlow-Regular', sans-serif;
}

* {
    font-family: 'Barlow-Regular', sans-serif;
}
body {
    font-family: 'Barlow-Regular', sans-serif;
    font-size: 16px;
    background: #f2f2f2
}

img {max-width: 100%;}
/*body {font-family: 'Roboto', sans-serif; font-size: 16px; background: #f2f2f2}
html {font-family: 'Roboto', sans-serif;}
*{font-family: 'Roboto', sans-serif;}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}

.bluebutton {background: #3B909B; border:1px solid #0047bb; font-size: 14px; line-height: 40px; color:#FFF; padding:0 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px; /*box-shadow: 0px 3px 20px #3C97BBAF;*/}
.bluebutton:hover {color:#fff; background: #3B909B;}

.greybutton {background: #747474; border:0px solid #0047bb; font-size: 14px; line-height: 40px; color:#fff; padding:0 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px; /*box-shadow: 0px 3px 20px #3C97BBAF;*/}
.greybutton:hover {color:#747474; background: #FFF;}

.whitebutton {background: #FFF; border:0px solid #0047bb; font-size: 14px; line-height: 40px; color:#bebebe; padding:0 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; cursor: pointer; transition: 0.3s all; border: 3px solid transparent; border-radius: 5px; /*box-shadow: 0px 3px 20px #3C97BBAF;*/}
.whitebutton:hover {color:#fff; background: #bebebe;}

/* login bg */
.logincontainerbg {background: url(../Images/loginbg.jpg) no-repeat 0 0; height: 100%; width: 100%; background-size: 100%;}
.loginboxwht {width:400px; padding:1.5rem;}
.loginboxwht .logoicon {display: block; margin-bottom:.75rem; text-align: center;}
    .loginboxwht h4 {
        font-size: 1.125rem;
        font-weight: 700;
        color: #3B909B;
        position: relative;
        font-family: 'Barlow-Regular', sans-serif;
        letter-spacing: 0.03em;
    }
.loginboxwht h4:before {content: ""; position: absolute; left: 0px; top:20%; width:50px; background:#343434; height: 1px;}
.loginboxwht h4:after {content: ""; position: absolute; right: 0px; top:20%; width:50px; background:#343434; height: 1px;}
.loginboxwht h4 span {display: block; color:#1e1e1e; font-size: .875rem; font-weight:500; margin-top:10px;}
.loginboxwht input.form-control {font-family: 'Barlow-Regular', sans-serif; font-size:.875rem; color:#888888; height: calc(2em + 0.75rem + 2px); border-radius: .125rem;}
.loginboxwht input.form-control:focus {box-shadow: 0 0 0; border-color:#333; color: #333;}
.forgotpassword {color: #333; font-family: 'Barlow-Regular', sans-serif; font-size:14px; font-weight:600;}

.maincontwrapp {}

/* header */
.headerfxd {height:50px; background:#FFF; border-bottom: 1px solid #777; position: fixed; top:0px; left: 0px; right: 0px; z-index: 1;}
.headerfxd .headeright {position: relative; margin-right: -15px; padding-left:46px; padding-right: 15px;}
.headerfxd .headeright:before {background: #0047bb; content: " "; display: block; height: 100%; left: 0; top: 0; width: 100%; position: absolute; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); z-index: -1;}
.headerfxd h4 {font-size: 16px; font-weight: 100; color: #FFF;font-family:Comfortaa}
.headerfxd h4 img {margin-right: 16px;}
.headerfxd .signplacehld {font-size: 14px; font-weight: 700; color: #333;}
.headerfxd .signplacehld span {color: #FFF;}
.headerfxd .signplacehld a {color: #FFF; text-decoration: none;}

/* home body start here */
.homecontainer {padding-top: 50px}
.filterleft {width:250px; position: fixed; left:11px; top:50px;}
.filterleft .btn {border-radius: 0px; line-height: 28px;}
.filterleft .form-group {margin-bottom:5px; display: flex; align-items: center; justify-content:between;}
.filterleft .form-group label {min-width: 50px; font-size: 13px;}
.filterleft .form-group .form-control {height: calc(1em + 0.75rem + 2px); padding: .25rem;}

.homewrapper {margin-left:260px;}
.hometopfilter {list-style-type: none; padding:0; margin:0px;}
.hometopfilter li {min-width:250px;}
.hometopfilter li a {font-size:14px; color:#000; text-decoration: none; display: inline-flex; line-height: 24px;}
.hometopfilter li a img {margin-right:0px;}

/* home body right panel */
.tabscontainer{}
.tabscontainer .tabcontain {width: calc(100% - 305px);}
#exTab1 .tab-content {color : white; background-color: #428bca; padding : 5px 15px;}
#exTab2 h3 {color : white; background-color: #428bca; padding : 5px 15px;}
/* remove border radius for the tab */
#exTab1 .nav-pills > li > a {border-radius: 0;}
/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {border-radius: 4px 4px 0 0 ;}
#exTab3 .tab-content {color : white; background-color: #428bca; padding : 5px 15px;}

.tabcontain .nav.nav-tabs {background: #6c6868; border:0px; margin-bottom:0.625rem;}
.tabcontain .nav.nav-tabs li a.nav-link {font-weight: 500; color: #FFF; padding: 0 36px; line-height: 43px; border-radius: 0px; border:0px;}
.tabcontain .nav.nav-tabs li a.nav-link.active {background-color: #0047bb; color:#FFF; line-height: 42px;}

.tabscontainer .tabsconright {width: 300px;}
.tabscontainer .tabsconright .activityhead {background-color:#918e8e; margin-bottom: 5px;}
.tabscontainer .tabsconright .activityhead h3 {margin: 0px; padding: 0px; font-weight: 700; color: #FFF; line-height: 14px; line-height:42px;}
.activitylist {list-style-type:none; padding: 0px; margin: 0px;}
.activitylist li {margin-bottom: 10px;}
.activitylist li div {border-radius: 8px; background-color:#d1d0d0; padding:10px;}
.activitylist li div p {padding: 0; margin: 0px; font-weight:300; color:#252525; font-size: 14px; line-height:20px;}
.activitylist li div p span {font-weight:600;}



/* panels group */
.panel-group { margin-bottom: 20px;}
.panel-group .panel {margin-bottom: 0; border-radius:0px; border:1px solid #898989;}
.panel-default {border-color: #ddd;}
.panel {margin-bottom: 20px; background-color: #6c6868; border: 1px solid transparent; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-heading {padding:6px 6px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.panel-group .panel-heading {border-bottom: 0;}
.panel-default>.panel-heading {color: #333; background-color: #6c6868; border-color: #6c6868; position: relative; transition: 0.3s all;}
.panel-title {margin-top: 0; margin-bottom: 0; font-size: 14px; color: inherit;}
.panel-title a {color: #FFF; text-decoration: none;}
.panel-body {padding: 10px;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top:0px solid #ddd; background: #dad9d9;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ddd;}
.panel-group .panel+.panel {margin-top:0px;}
.panel-heading .panel-title a.arrowbutton:before {content: "\e910"; position: absolute; right: 5px; top:6px; border: 1px solid #c4c4c4; font-family: 'Barlow-Regular'; color: #FFF;  padding:1px;  font-size: 12px; line-height: 10px;}
.panel-heading .panel-title a.arrowbutton[aria-expanded="true"]:before {content: "\e911"; position: absolute; right: 5px; top:6px; border: 1px solid #c4c4c4; font-family: 'Barlow-Regular'; color: #FFF;  padding:1px;  font-size: 12px; line-height: 10px;}

/* table data */
.datableth table {border:1px solid #828282;}
.datableth table th {background-color: #d1d1d1; padding:8px; font-size: 12px; font-weight: 400; color: #333;}
.datableth table td {padding:8px; font-size: 12px; font-weight: 400; color: #505050;}
.datableth table tr:nth-child(even) {background-color:#FFF;}
.datableth table tr:nth-child(odd) {background-color:#f0efef;}

.hometableth.datableth table th {background:#918e8e; color: #FFF; border-bottom:1px solid #828282;}
.hometableth.datableth table td {line-height:22px;}

/* panel group */
.panelgroupdiv {border:1px solid #888888;}
.panelgroupdiv .headergroup {background-color: #918e8e; padding:0 8px;}
.panelgroupdiv .headergroup h3 {margin: 0px; padding: 0px; font-size: 14px; font-weight:700; color: #FFF; line-height: 42px; border-bottom: 1px solid #828282;}
.panelgroupdiv .panelgroupbody {padding:12px;}
.panelcustombg {border-top: 0px solid #ddd; background: #dad9d9;}

.lastversionpanl h4 {font-size: 12px; color:#000000; line-height: 16px; padding: 0px; margin: 0px;}
.lastversionpanl ul li {font-size: 14px; color: #000;}
.lastversionpanl ul li span {font-weight: 700;}
.userimgpanl {border:2px solid #918e8e; height: 36px; width: 36px; background:#201b4c; color: #FFF; font-size:16px; display: inline-block; border-radius: 50%;}

/* universal */
.formgrp input.form-control, .formgrp select.form-control {font-family: 'Barlow-Regular', sans-serif; font-size:.875rem; color:#888888; height: calc(2em + 0.75rem + 2px); border-radius: .125rem;}
.formgrp input.form-control:focus, .formgrp select.form-control:focus, .formgrp textarea.form-control:focus {box-shadow: 0 0 0; border-color:#333; color: #333;}
.formgrp textarea.form-control {font-family: 'Barlow-Regular', sans-serif; font-size:.875rem; color:#888888;  width: calc(100% - 136px); height: calc(8em + 0.75rem + 2px); border-radius: .125rem;}
.doucmntfrm.form-group label {font-size:12px; color:#4c4c4c; width: 136px; display: inline-flex;}
.doucmntfrm.form-group input.form-control, .doucmntfrm.form-group select.form-control {height: calc(1em + 0.75rem + 2px); padding: .25rem; width: calc(100% - 136px);}
.doucmntfrm.form-group .selectfile {width: calc(100% - 136px);}
.doucmntfrm.form-group .selectfile .btn.whitebutton {border-radius: 0px; line-height: 22px; width:60px; padding: 0px;}
.doucmntfrm.form-group .selectfile .form-control {width:calc(100% - 60px);}
.doucmntfrm.form-group .btn {border-radius: 0px; line-height: 24px;}
.borderleft2 {border-left: 2px solid #000000;}
.doucmntfrm.form-group.formlabwid label {width: 150px}
.doucmntfrm.form-group.formlabwid input.form-control, .doucmntfrm.form-group.formlabwid select.form-control {width: calc(100% - 150px);}
.doucmntfrm.form-group.formlabwid .selectfile .form-control {width:calc(100% - 60px);}

.documentdetailicon td {height:37px;}
.documentdetailicon td a  {color: #333; font-size:18px}

.iconeditblu i {color:#0047bb;}
.icondeletred i {color:#9b504d;}
.actionlink {font-size: 18px;}
.downloadink {color:#538a61}
.uploadlink {color:#3a768a}
.addpg {color:#3f3f3f}
.deletlink {color:#9a4f4c}

.pendingcolr {color:#e66700;}
.completecolr {color:#409700;}
.highpriorcolr {color: #e60000}
.lowpriorcolr {color: #0047bb}
.mediumpriorcolr {color: #b78a00}


.actionsvg {width:18px; height: auto;}
.greendrksvg {filter: invert(63%) sepia(96%) saturate(1237%) hue-rotate(95deg) brightness(69%) contrast(32%);}
.bluedrksvg {filter: invert(43%) sepia(96%) saturate(1237%) hue-rotate(195deg) brightness(100%) contrast(27%);}
.blackdrksvg {filter: invert(40%)}
.reddrksvg {filter: invert(53%) sepia(96%) saturate(1237%) hue-rotate(353deg) brightness(55%) contrast(55%);}

.passwdicon {
    position: relative;
}

.passwdicon .passiconshw {
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    width: 16px;
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none;
}

.modal-open .modal {
    display: block !important;
    opacity: 1 !important;
    z-index:999999;
}

.modal-header { background-color: #3B909B; padding: 12px 12px; color: #fff; font-size:14px;}
.modal-header .close {
        float: right;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }
.modal-backdrop.fade {
    opacity: 0.5;
}
.modal-content {
    overflow: auto;
    border: 0px;
    width: 344px;
    height: 211px;
    margin: 0 auto;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    /* flex: 1 1 auto; */
    padding: 1rem;
}


/*--------------------------------------Start Loader-------------------------------------------------*/
/*.loader {
    z-index: 13;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0153dc;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}*/
.loader {
    z-index: 13;
    border: 14px solid #f9f9f9;
    border-radius: 50%;
    border-top: 3px;
    border-bottom: 3px;
    width: 90px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    filter: blur(-38px);
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loaderholder {
    position: absolute;
    z-index: 3002;
    height: 100%;
    width: 100%;
    background-size: 100%;
    filter: blur(0px);
    opacity: 0.4;
    /* -webkit-filter: blur(8px); */
    background-color: #aaaaaa;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.LoaderAlertBox {
    position: absolute;
    z-index: 3004;
    height: 100%;
    width: 100%;
    background-color: #606061d4;
    background-size: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.loaderholderalertDiv, .loaderAlert {
    border-radius: 1.125rem;
}

.loaderAlertInput {
    border: 0px !important;
}

.loaderAlertInput {
    word-wrap: break-word;
}
/*--------------------------------------End Loader-------------------------------------------------*/