/* Global Styles starts */
*,
*:after,
*:before,
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
:focus,
:hover {
    outline: 0 !importantbody
}

a {
    text-decoration: none;
    background-color: transparent;
}

body {
    font-family: EYInterstate !important;
}

img {
    max-width: 100%;
    vertical-align: middle;
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

pre,
textarea {
    overflow: auto
}

input {
    line-height: normal;
}

    button,
    html input[type="button"],
    input[type=reset],
    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
    }

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-"button" {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

/*td,
th {
    padding: 0
}*/
td {
    border: 0;
    text-align: left;
    padding: 8px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: left;
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important
}

#divAcc_Stand, #tbl_CurrencyInfo_wrapper, #tbl_TaskListInfo_wrapper {
    margin: 0 20px
}

.tdspl {
    border: 0px solid #dddddd;
    text-align: right;
    padding: 8px;
}


button:focus {
    outline: none;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    max-width: 100%;
}

/* transition class */
.smooth {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

/* list */
.list-inline,
.list-unstyled {
    padding-left: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.main-sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 20px
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 20px
}

::-webkit-scrollbar-"button" {
    display: none
}

::-webkit-scrollbar-track {
    background-color: transparent; /*changed color for scrollbar*/
}

::-webkit-scrollbar-track-piece {
    background-color: transparent; /*changed color for scrollbar*/
}

::-webkit-scrollbar-thumb {
    background-color: #989696; /*changed color for scrollbar*/
    transition: 0.2s;
    /*border-radius: 4px;*/
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: lightgray;
        /*changed color for scrollbar*/
    }

::-webkit-scrollbar-corner {
    display: none
}

::-webkit-resizer {
    display: none
}

/* Body css */
body {
    font-family: EYInterstate !important;
    padding: 54px 0px 0px;
   /* padding-left: 270px;*/
    transition: all 0.5s ease;
    overflow: auto;
    height: 100vh !important;
}



.skin-blue .wrapper {
    /*background-color: #fff;*/
    /* background-color:#FAFAFA;*/
    background-color: #f1f2f7;
    overflow: overlay;
}

.body-content {
    max-width: 100%;
    /*padding: 24px 24px 28px;*/
    margin-top: 50px;
    margin-bottom: 20px;
}

body.sidebar-collapse {
    padding-left: 50px;
}
.datepicker table tr td span.focused{
    background-color:transparent

}
.datepicker table tr td span:hover {
    font-weight: bolder;
    font-size: 15px;
}

/* Haeder css */
.main-header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

.skin-blue .main-header .logo {
    height: 54px;
    line-height: 54px;
    /*background-color: #572566;*/
    /*background-color: #01395e;*/
    /*box-shadow: 0 1px 10px 0 rgba(0,0,0,.40);*/
    background-color: #222222;
}
.main-header .logo {
    width: 100px;
}
.skin-blue .main-header .navbar, .skin-blue .main-header li.user-header {
    /*background-color: #572566;*/
    /*background-color: #0091cf;*/
    /*background-color: #006790;*/
    /* background-color: #2e2e38;*/
    background-color: #222222;
    /* box-shadow: 0 2px 10px 0 rgba(0,0,0,.60);*/
}

.main-header .logo .logo-lg {
    text-align: left;
}

.main-header .logo svg {
    padding: 9px 0px !important;
}

.main-header .sidebar-toggle {
    padding: 3px 13px !important;
    font-size: 20px;
    background-color: #494949;
    /* margin-left: 20px; */
    margin: 7px 0px;
    position: relative;
    top: 8px;
    color: #ffda00 !important;
    border-radius: 3px;
    left: 20px;
}
.sidebar-toggle{
    display:none
}

.main-header .navbar .nav > li.user > a > .fa.fa-user {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex !important;
}
.main-sidebar {
   /* padding-bottom: 10px !important;
    padding-top: 35px !important;*/
}
.sidebar {
    padding-bottom: 0 !important;
}

.skin-blue .sidebar-menu > li > .treeview-menu, .skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    background: rgb(138 173 203 / 7%) !important;
}
/* Side Bar css */
.main-sidebar {
    /*position: fixed;
    left: 0px;
    top: 61px;
    bottom: 28px;
    padding-top: 0px;*/
    /*padding-right: 8px;*/
    /*overflow: overlay;*/
    /*box-shadow: 0 4px 16px 2px rgba(0,0,0,.40);*/
}
.navbar-nav > li > a {
    line-height: 24px;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 16px;
    }
}

.main-header .navbar .nav > li.user > a > .fa.fa-user {
    font-size: 20px !important;
}

.glyphicon-question-sign:before {

}

.skin-blue .main-header .navbar .sidebar-toggle {

}

h2.DashboardH {
    font-size: 15px;
    margin-left: 58px !important;
    width: 54%;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-align: right;
    margin: 0px;
    height: 54px;
    line-height: 54px;
}

h2 {
}

.navbar-nav {
    margin-top: 0px !important;
}

.skin-blue .main-sidebar {
    /*background-color: #01395e;*/
    /*background-color: #2e2e38;*/
    /* background-color: #303641*/
    background-color: #f1f2f7;
    border-bottom: 1px solid #d4d2d2;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #fff;
    background: #365899;
}

.skin-blue .sidebar-menu > li > .treeview-menu,
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    /*background: rgba(51, 51, 51, .1);*/
    width: 300px;
    position: fixed;
    /* background: rgba(51, 51, 51, .1); */
    color: #fff;
    margin: 0px;
    background: #fff !important;
    box-shadow: 0 10px 34px -20px rgb(0 0 0 / 41%);
}

    .skin-blue .sidebar-menu > li > .treeview-menu li ul {
        padding-left: 12px;
        margin-left: -12px;
    }

.skin-blue .sidebar-form input::placeholder {
    color: #fff;
}

.skin-blue .sidebar-form input[type="text"]:focus::placeholder {
    color: #666;
}

.skin-blue .sidebar-form {
    border: 1px solid rgba(255, 255, 255, .1);
}

.skin-blue .sidebar-menu > li.header {
    color: #fff;
    background: #365899;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.headertxt {
    margin: 0 15px;
    text-align: left;
    margin-top: 37px;
}

/*.skin-blue .sidebar-menu .treeview-menu > li > a, .skin-blue .sidebar a {
    font-weight: 300;
    font-size: 15px;
}*/

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
    /*color: #8aadcb;*/
    color: #231f1f;
    background:#ffffff;
    /* font-weight: 300; */
    transition: 0.3s;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, .2);
    transition: 0.3s;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li:not(.menu-open) > a:hover {
    /*color: #01395e;*/
    color: black;
 /*Change color for selected item*/
   /* transform: scale(1.02);*/
    margin-left: -10px;
    padding-left: 25px;
    font-weight: 400;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #2e2e38;
}

.tltlehdrtxt {
    text-align: left;
    font-size: 24px;
    color: #2d2d2d;
    text-transform: uppercase;
    margin: 0px 0px 0px 15px;
    border-bottom: 1px solid #cdcdcd;
}

.skin-blue .sidebar-menu .treeview-menu > li > a,
.skin-blue .sidebar a {
    /*color: #320849;*/
    /*color: #8aadcb;*/
    font-size: 14px;
    transition: 0.3s;
    font-weight: 300;
    padding: 7px 3px;
    color:#222 !important;
    margin-bottom: 0 !important;
}

.skin-blue .sidebar-menu > li > a {
    border-right: 1px solid #bdb5b5;
    font-weight: 500;
    font-size: 13px;
    padding: 18px 20px;
    color: #222;
    text-transform: uppercase;
}

.skin-blue .main-header .logo:hover {
    background-color: #222222;
    transition: 0.3s;
}

.treeview-menu > li.menu-open > a {
    /*color: #8aadcb !important;*/
    color: white !important;
    background: rgba(138, 173, 203, .2);
    font-weight: bold;
    transition: 0.3s;
}

.sidebar-collapse .treeview-menu > li.menu-open > a {
    border-left: 4px solid #333;
}

.sidebar-collapse .main-sidebar {
    padding-right: 0px;
}


.margin0 {
    margin: 0px;
}


/* main layout starts */

.CFRSideH {
    position: relative;
    margin-bottom: 7px;
    font-size: 0px;
    margin: 0 7px;
    margin-top: 9px;
}

    .CFRSideH h2 {
        position: relative;
        text-align: left;
        color: #6d6e83;
        font-family: EYInterstate;
        font-weight: normal;
        margin-bottom: 0px;
        font-size: 26px;
        margin-top: 0
    }

.vakata-context li > a:hover {
    background-color: #eee;
    border: 0
}

.csHoldingPercentages {
}

.vakata-context, .vakata-context ul {
    margin: 0;
    padding: 2px;
    width: 151px;
    background: #ffffff;
    position: absolute;
    z-index: 9;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.08);
    box-shadow: 0 1px 10px rgba(0,0,0,.08);
    -webkit-transition: opacity .2s ease-out,visibility .2s ease-out;
    transition: opacity .2s ease-out,visibility .2s ease-out;
    background-color: #fff;
    color: #3e4152;
    border: 1px solid #f5f5f6;
}

.CFRSideH h2:after {
    /*content: '';*/ /*commented for ui changes*/
    position: absolute;
    left: 0px;
    bottom: -14px;
    background-color: #01395e;
    width: 100px;
    height: 4px;
}

.glyphicon {
    color: #320849 !important;
}

.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    font-size: 20px;
}

.CFRSideH .btncfr {
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: middle;
}

.btncfr "button" {
    display: inline-block;
    min-width: 50px;
    max-width: 120px;
    /*border: 1.5px solid #575757;*/
    border-radius: 2px;
    padding: 6px 10px;
    /*background-color: #006790;*/
    background-color: #5F6364;
    /*color: #fff;*/
    color: white;
    border-color: #646464; /*#01395e;*/
    transition: 0.5s;
}

.secgrp {
    text-align: right;
    top: 40px;
    position: relative;
    margin: 0 20px;
}

.btncfrn {
    text-align: right;
    margin: 0 34px;
    position: relative;
    top: 42px;
}

.mapsec {
    position: relative;
    top: -42px;
}

#tbl_RoleInfo_wrapper {
    margin: 0 20px
}

.csOrgMapping:hover {
    background-color: #333131 !important;
    border-color: #333131;
    color: #fff !important;
}

.OptionsDownL {
    position: relative;
    top: -30px
}

.addbrnsty:hover {

    font-weight: bold;
    border: 0;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:visited {
    color: #fff !important
}
.exportexcelbtn:active, .exportexcelbtn:focus, .exportexcelbtn:visited, .exportexcelbtn:hover {
    background-color: #222 !important;
    color: #fff !important
}

.csbtnBackColor:visited, .csbtnBackColor:active, .csbtnBackColor:focus {
   
    color: #fff !important
}
.mngcsbtnBackColor:visited, .mngcsbtnBackColor:active, .mngcsbtnBackColor:focus {
    color: #fff !important
}

.addbrnsty {
    color: #fff;
    /* border: 1px solid #3a3939; */
    border-radius: 0;
    font-size: 14px;
    padding: 9px 43px;
    background-color: #333131;
}
#btnGetReportTemplates:hover{
    background-color:#222 !important
}
.mdlsabtn:hover {
    background-color: #fff !important;
    border: 1px solid #222 !important
}
.csOrgMapping {
    position: relative;
    font-weight: 600;
    font-size: 15px;
    background-color: #fffffffa;
    top: 5px;
    border-radius: 0;
    color: #151414;
    border: 1px Solid #222;
    padding: 8px 25px;
}

.btncfr button:hover {

    /*color: #01395e;*/
    font-weight: bold;
    color: #2e2e38
}

.dataTables_scrollBody {
    min-height: 335px;
    /*max-height: 338px !important;*/
}

.typemastrfootr {
    background-color: #fff;
    /* border-top: 0; */
    box-shadow: none;
}

table.dataTable {
    margin-top: 0 !important;
}

#tbl_UserInfo_wrapper {
    margin: 0 20px
}

#diventitytype {
    margin-top: 20px;
    width: 100%;
    position: relative;
    top: 20px;
    min-height: 350px;
}

#btnAddAcc_Stand:hover, #btnAddRoleMaster:hover, #btnAddEntity:hover, #btnAddIndustry:hover, #btnAddCurrency:hover, #btnAddCurrencyExchange:hover, .btnCurrencyexcdowmload:hover, .exportExchangeratesbtn:hover, #btnSubmitTB:hover, #btnAddTaskList:hover, #btnBulkUpload:hover, #btnGetApiData:hover {
    text-decoration: none;
    background-color: #212121 !important;
    font-weight: bold;
    color: #fff !important;
    border-color: #0e0e0e;
}

#btnAddAcc_Stand:visited, #btnAddRoleMaster:visited, #btnAddEntity:visited, #btnAddIndustry:visited, #btnAddCurrency:visited, #btnAddCurrencyExchange:visited, .btnCurrencyexcdowmload:hover, .exportExchangeratesbtn:visited, #btnGetData:visited, #btnSubmitTB:visited, #btnBulkUpload:hover {
    color: black !important;
    text-decoration: none;
    background-color: #0a0a0a !important;
    font-weight: bold;
    color: #fff !important;
}
#tbl_MappingRoles_wrapper {
    margin: 0px 20px 
}

.mdlpusec {
    display: flex
}

.hpsec {
    margin: 10px 33px 0 15px;
}

.mdlpusec label {
    width: 140px;
    text-align: left !important;
}
.datepicker-orient-top {
    z-index: 999999 !important;
}
.htbtnfrstsec {
    padding: 0 15px;
}

.htbtnfrstsec, .htbtnscndsec {
    display: flex;
    list-style: none;
    align-items: center
}

#btnGet:hover, #btnUpload:hover, #btnetdata:hover, #btnGetReportTemplates:hover, #btnSubmitAdjustments:hover, #btngetsty:hover, #btnPostJournal:hover {
    color: black !important;
    text-decoration: none;
    font-weight: bold;
}

.addfrmlaa {
    position: absolute;
    margin-top: 6px;
    right: 3px;
}

#btnGetReportTemplates{
    position: relative;
    right: 0;
    font-size: 15px;
    background-color: #ffffff;
    border-radius: 0;
    color: #1b1a1a;
    height: 41px;
    margin-left: 47px;
    border: 1px solid #222;
    line-height: 17px;
    padding: 2px 40px !important;
    margin: 0;
}

#btnGet, #btnetdata, #btnUpload, #btnSubmitAdjustments, #btngetsty, #btnAvgRate, #btnGo, #btnPostJournal {
    position: relative;
    right: 0;
    font-size: 15px;
    background-color: #2E2E38;
    border-radius: 0;
    color: #fff;
    height: 41px;
    margin-left: 47px;
    line-height: 17px;
    padding: 2px 40px;
    margin: 0
}
    #btnGet:hover, #btnetdata:hover, #btnUpload:hover, #btnSubmitAdjustments:hover, #btngetsty:hover, #btnGo:hover{
        color: #222;
        background-color: #fff;
        border: 1px solid #222
    }
    .ACCcallbl input {
        position: relative;
        padding: 6px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
        background-color: #fff !important;
        border-radius: 0px;
        transition: all 375ms ease-in-out;
    }

#btnUpload {
    position: relative;
   /* left: -74px;*/
    margin: 0
}
#btnlegacyRollForword{
    margin-top:0px;
    margin-left:10px;
}


.Accgetbtn {
    float: left !important
}

.csbtnBackColor:hover {
    color: #222 !important;
    background-color:#fff !important
}

.exportexcelbtn {
    margin: 0 !important;
    padding: 9px 30px !important;
}

.alignbtns {
    display: flex;
    justify-content: space-between
}

.csbtnBackColor, .exportexcelbtn {
    background-color: #fff;
    display: inline-block;
    padding: 9px 38px;
    height: 41px;
    margin: 10px 10px 0 0;
    border: 1px solid #adadad;
    border-radius: 0px;
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 15px;
    color: #474545;
    font-weight: 600;
}

.btncfr button:hover, .btncfr a {
    background-color: #2E2E38;
    color: #fff;
}

.gtdtabtn {
    float: left !important;
    margin-left: 0 !important;
}

.Accbtnsec, .Accscohdrtxt {
    display: flex;
    align-items: center
}

.hphdrtxt input, .Acchphdrtxt input {
    background-color: #fff;
    height: 20px;
    font-size: 13px;
    line-height: 24px;
    /* width: 91% !important; */
    width: 274px;
    opacity: 1;
    color: #0c0c0c !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 11px 11px;
    margin: 0;
    outline: 0;
    border: 0px solid #d8d8d8;
    border-radius: 0px;
}

.Accscoselect {
    border: 1px solid #d2d2d2 !important;
    background-color: #fff !important;
}

.rollfrdbtn:hover {
    color: black !important;
    text-decoration: none;

    font-weight: bold;

}

.rollfrdbtn {
    float: right;
    position: relative;
    float: right;
    right: 0;
    font-size: 13px;
    background-color: #2E2E38;
    border-radius: 0;
    color: #fff;
    height: 41px;
    margin-left: 47px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 2px 40px;
    margin: 0;
}

.AccSociahdr {
    margin: 0 15px
}

.W_20 {
    width: 20%;
    margin-right: 20px;
}

.Accinterhdr h2 {
    position: relative;
    text-align: left;
    color: #6d6e83;
    font-family: EYInterstate;
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 28px;
}

.Acchphdrtxt i {
    position: relative;
    color: #8c8c8c;
}

.Accinterhdr {
    position: relative;
    margin-bottom: 7px;
    font-size: 0px;
}

.Acchphdrtxt label, .Accscohdrtxt label {
    font-size: 13px;
    font-weight: 400;
    /* margin-right: 20px; */
    margin-bottom: 5px;
}

.Accscohdrtxt label {
    width: 200px;
}

.hphdrtxt label {
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
}

/*.datepicker-dropdown {
    top: 291.2px !important;
}*/

.jstreesty {
    padding: 5px;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #fff;
}

.orinput {
    box-shadow: inset 0 0 4px #eee;
    padding: 6px 12px;
    font-size: 1.1em;
    position: relative;
    height: 45px;
    min-width: 272px !important;
    border: 1px solid #eee;
    border-bottom: 2px solid #01395e;
    transition: 0.3s;
}

.mainsec {
    margin: 0 25px;
    padding-top: 7px !important;
    background-color: #f6f6fa;
    height: 20%;
    padding: 15px 0;
    border: 1px solid darkgrey;
}
    .mainsec:hover {
        box-shadow: 0 1px 10px rgb(0 0 0 / 18%);
    }
.mngcsbtnBackColor {
    background-color: #2E2E38;
    display: inline-block;
    padding: 9px 38px;
    border: 1px solid #2E2E38;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 4px;
    border-radius: 0
}
    .mngcsbtnBackColor:hover {
        background-color: #fff !important;
        border: 1px solid #000000 !important;
    }

#btnAddAcc_Stand, #btnAddRoleMaster, #btnAddEntity, #btnAddIndustry, #btnAddCurrency, #btnAddCurrencyExchange, .btnCurrencyexcdowmload, .exportExchangeratesbtn, #btnInsertPlaceHolder, #btnSubmitTB, #btnAddTaskList, #btnBulkUpload {
    float: right;
    position: relative;
    right: 20px;
    font-weight: 600;
    font-size: 15px;
    background-color: #ffffff;
    top: 5px;
    border-radius: 0;
    color: #151414;
    border: 1px Solid #222;
    padding: 8px 25px;
}
.nav-tabs {
    border-bottom: 1px solid #b1b0b0;
}

div.dataTables_wrapper div.dataTables_filter input {
    position: relative;
    border: none;
    /* padding: 9px; */
    height: 33px;
    min-width: 272px !important;
    /* border-radius: 2px; */
    border: 1px solid #eee;
    background-color: white;
    border-bottom: 1px solid #01395e;
    margin-left: 16px !important;
    transition: 0.3s;
}

    div.dataTables_wrapper div.dataTables_filter input:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: #333;
        height: 2px;
        width: 0%;
        transition: 0.3s;
    }

    div.dataTables_wrapper div.dataTables_filter input:focus:before {
        width: 100%;
    }

.dataTables_scroll {
    position: relative;
    /* border-bottom: 2px solid #01395e; */
    border-radius: 2px;
    /* padding-left: calc(100vw - 100%); */
    margin: 12px 0px;
    padding: 5px;
    overflow-x: scroll;
    border: 1px solid #eee;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.dataTables_scrollHead {
    /* background-color: #FFDB58;*/
    color: #495057;
    background-color: #d4dae0;
}

table.dataTable {
    margin: 0px !important;
    border: none;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}

.dataTables_info,
.dataTables_paginate {
    display: inline-block;
    vertical-align: middle;
}

.dataTables_info {
    width: 20%;
    padding: 0px !important;
    font-weight: 500;
    color: #2E2E38;
}

.dataTables_paginate {
    width: 100%;
}

.pagination > li {
    display: inline-block;
}
.fa-fw {
    color: transparent;
}
    .pagination > li > a, .pagination > li > span {
        margin: 0;
        padding: 0;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        border-color: transparent;
        cursor: pointer !important;
        transition: 0.3s;
    }

.confrmbtn h4 {
    padding: 20px 15px;
    color: #343535;
}

.modal-body {
    position: relative;
    padding: 15px 5px;
}

.modal-footer {
    padding: 5px 15px;
}

.modal-header {
    padding: 15px 5px 0px 5px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    background-color: transparent !important;
}

.pagination > .active > a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: transparent !important;
    /* border-color: #337ab7; */
    color: #000;
    border-radius: 4px;
}

.pagination > li:first-child > a:before, .pagination > li:first-child > span:before {
    content: '<';
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: 6px;
    color: #222;
    font-weight: bold;
    line-height: normal;
}
#btnAddCurrency {
    top: 6px !important;
}

    #btnAddCurrency:hover {
        color: #fff !important
    }

.pagination > li > a {
    background: unset;
    border: 0;
    color: #020202 !important;
    top: -2px;
}

.nav > li > a:hover {
    background-color: transparent;
    /*border-bottom: 4px solid #212120 !important;*/
}

.pagination > .disabled > a {
    background-color: transparent;
    border-color: transparent;
}
#btnAddAcc_Stand:focus, #btnAddRoleMaster:focus, #btnAddEntity:focus, #btnBulkUpload:focus {
    font-weight: bold;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    position: relative;  
    background-color: transparent;
}



.pagination > .active > a {
    position: relative;
    top: -2px;
    color: #222 !important;
    font-weight:bold;
}

.pagination > li:last-child > a:before, .pagination > li:last-child > span:before {
    content: '>';
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 6px;
    color: #222;
    font-weight: bold;
    line-height: normal;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a {
    font-weight: bold;
    font-weight: 500 !important;
    font-size: 15px;
    color: transparent !important;
}

.pagination > .active > a {
    border: 0
}

/*.pagination > li > a:hover, .pagination > li > span:hover {
    background-color: #01395e !important;
    color: #fff !important;
}*/

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    cursor: not-allowed !important;
}

/*.btn,
.btn-primary,
.btn-primary:hover,
.btn-primary.focus {
    background-color: #365899;
}*/

.btn-default {
    color: #fff;
}




/* main layout ends */

/* Footer css */
.main-footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*margin-left: 0px;*/
    text-align: center;
    height: 28px;
    padding: 3px 0px;
    background-color: #2e2e38;
    /*background-color: #1B729B;*/
    color: #e2f1ff;
    border-top: none;
    font-size: 12px;
    z-index: 9;
}

    /*.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0px !important;
}*/

    .main-footer a {
        color: #e2f1ff;
    }


@media (max-width: 992px) {
    h2.DashboardH {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-top: 100px;
    }

    .main-header .logo > .logo-lg {
        display: none;
    }

    .main-header .logo > .logo-mini {
        display: block;
        margin-left: -10px;
        /* margin-right: -15px; */
        width: calc(100% - 300px);
    }

    .main-sidebar {
        top: 100px;
    }

    h2.DashboardH {
        width: calc(100% - 72px);
        margin: 15px 0px;
        font-size: 15px;
        height: auto;
        line-height: normal;
        position: absolute;
        top: -50px;
        left: 60px;
    }

    .navbar-nav > .user-menu .user-image {
        height: auto;
    }

    .dataTables_info {
        width: 100%;
    }

    .dataTables_paginate {
        width: 100%;
    }

    .CFRSideH .btncfr "button" {
        min-width: auto;
    }

    .sidebar-open .content-wrapper, .sidebar-open .main-footer {
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }

    .register-page:before {
        width: 1% !important;
    }

    .register-box {
        left: 1% !important;
    }

    .register-box {
        width: 320px !important;
    }

    .register-box-body {
        border-left: 0px !important;
        border-right: 0px !important;
    }
}


/*Registration*/
.register-page {
    background-image: url(../img/asphalt-auto.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .register-page:before,
    .passwdCre:before,
    .forgotPass:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 100%;
        background-color: #575757;
        border-left: 10px dashed;
        /*background-image: url(../img/backParto.jpg);*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .register-page:after,
    .passwdCre:after,
    .forgotPass:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 100%;
        background-color: #575757;
        border-right: 10px dashed;
        /*background-image: url(../img/backParto.jpg);*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

/* password Creation */
.passwdCre {
    background-image: url(../img/abstract.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .passwdCre .login-box {
        position: fixed;
        top: 50%;
        left: 50px;
        right: 0;
        margin: -178px auto;
        width: 380px;
    }

/* forgot password */
.forgotPass {
    background-image: url(../img/abstract.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .forgotPass .login-box {
        position: fixed;
        top: 50%;
        left: 50px;
        right: 0;
        margin: -128px auto;
        width: 380px;
    }

.nav-tabs > li > a {
    color: #333333 !important;
    border: 1px solid #c1baba;
    font-size: 16px;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {

}

.yeelowclrbtn {
    text-transform: uppercase;
    margin: 0 !important;
    padding: 9px 30px !important;
    border: 0;

    font-size: 13px;
    color: #222222 !important;
    font-weight: 600;
    cursor: pointer;
}

.register-box {
    position: fixed;
    top: 50%;
    left: 50px;
    right: 0;
    margin: -220px auto;
    width: 380px;
}

.register-logo {
    background-image: url(../img/CFR-Registrationg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    height: 62px;
    margin-bottom: 12px;
}

.passwdCreation-logo {
    background-image: url(../img/CFR-PasswordCreationW.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250px;
    height: 62px;
    margin-bottom: 24px;
}

.forgotPass-logo {
    background-image: url(../img/CFR-ForgotPassword.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250px;
    height: 62px;
    margin-bottom: 24px;
}

.register-box-body,
.passwdCre .login-box-body,
.forgotPass .login-box-body {
    border-left: 10px solid #575757;
    border-right: 10px solid #575757;
    box-shadow: rgba(29, 29, 31, 0.25) 0 10px 60px;
}

.login-box-msg {
    font-size: 16px;
    /*border-bottom: 1px solid #575757;*/
    margin-bottom: 24px;
    padding-bottom: 0px;
    font-weight: 600;
}

.register-box-body .form-control:focus,
.passwdCre .form-control:focus,
.forgotPass .form-control:focus {
    border: none;
    border-bottom: 2px solid #575757;
}

.register-box-body .form-control,
.register-box-body .form-control ~ span,
.passwdCre .form-control,
.passwdCre .form-control ~ span,
.forgotPass .form-control,
.forgotPass .form-control ~ span {
    transition: all 0.5s ease-in-out;
}

    .register-box-body .form-control:focus ~ span,
    .passwdCre .form-control:focus ~ span,
    .forgotPass .form-control ~ span {
        -webkit-transform: translateX(-6px) scale(1.2);
        transform: translateX(-6px) scale(1.2);
    }

.CFRAlMem {
    display: inline-block;
    padding-top: 8px;
}

#btnRegister::before {
    content: ">>";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .25s ease;
}

#btnRegister:hover {
    padding: 6px calc(30px + 6px) 6px 24px;
}

    #btnRegister:hover::before {
        opacity: 1;
        -webkit-transform: translate(calc(100% + 10px), -50%);
        transform: translate(calc(100% + 10px), -50%);
    }

/* role Mapping */
.roleMappingD {
    position: relative;
}

    .roleMappingD label {
        display: inline-block;
        margin-top: 12px;
    }

.submitB {
    text-align: center;
    margin-top: 12px;
}

    .submitB #btnSubmit {
        background-color: #320849;
        border-radius: 20px;
        border: 1px solid #fff;
        color: #fff;
        padding: 5px 20px;
        transition: 0.5s;
    }

        .submitB #btnSubmit:hover {
            background-color: #fff;
            border: 1px solid #320849;
            color: #320849;
            font-weight: bold;
        }

.li_lastmenu {
    /*background: #f0f0f0;*/
    padding: 5px 0px 5px 0px;
}

    .li_lastmenu > a:hover {
        color: #fff;
        background-color: #320849;
        transform: scale(1.02);
        font-weight: bold;
        margin-left: -10px;
        padding: 5px 2px 5px 10px
    }
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 4px;
    left: auto;
}
#divGoodWillCalculate {
    padding: 12px 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    background-color:transparent !important
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .notifications-menu > .dropdown-menu {
    width: 227px;
}


.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    margin: 4px 0px;
    display: block;
    text-align: left;
}


.userDMenu {
    padding: 12px 14px !important;
    width: 240px;
}

    .userDMenu ul {
        margin: 0px;
    }

        .userDMenu ul li {
            display: block;
            padding: 0px;
        }

            .userDMenu ul li a {
                border: 0px;
            }

                .userDMenu ul li a:hover {
               /*     border-top: 1px solid #333;
                    border-bottom: 1px solid #333;
                    font-weight: 500;
                    background-color: yellow;*/
                }

                .userDMenu ul li a img {
                    width: 14px;
                    display: inline-block;
                    transition: 0.5s;
                }

                .userDMenu ul li a:hover img {
                    width: 18px;
                }

                .userDMenu ul li a img,
                .userDMenu ul li a i {
                    margin-right: 12px;
                    color: #424242;
                }

.locationSec,
.exchangeRateSel,
.roleMappingD,
.scoaSel,
.TopPadd {
    padding: 24px 0px 0px;
}

select {
    width: auto;
    height: 30px;
    margin: 10px;
    padding: 0 0 0 2.5em;
    /*color: #01395e;*/
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    background-image: none;
    /*background-color: #8aadcb;*/
    /*background-color: lightyellow;*/
    border-radius: 2px;
    line-height: 100px;
}



/*.modal {
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.modal-dialog {
    /*position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: -195px auto;*/
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-header {
    border-bottom: 0;
}

.ASlbltxt {
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: left !important;
    width: 100%
}

.subhdrtxt {
    display: flex;
    margin-top: 20px;
}

    .subhdrtxt h2 {
        font-size: 15px;
        color: #222222;
    }

.mdlclsbtn {
    padding: 8px 33px !important;
    border-radius: 0 !important;
    color: #332f2f !important;
    background-color: #ffffff !important;
    border: 1px solid #adadad !important
}

.dtaelbl label {
    text-align: right;
    margin-right: 7px
}


.exbasecurrencylbl label {
    font-weight: 400;
    font-size: 12px;
    margin-top: 6px;
}

.exchangeratetbl {
    margin: 0px 20px 0 10px;
    margin-top: 30px;
}

z
.exbasecurrencylbl {
    display: flex;
    width: 20%;
    margin-right: 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 4px solid #212120 !important;
}

.nav > li > a {
    border: 0 !important;
}
.exchangeratessec {
    margin: 0 24px;
    margin-top: 0px;
}

.paginate_button a {
    border-radius: 3px !important;
    position: relative;
    top: -11px;
}

#tbl_CurrencyInfo_previous a, #tbl_CurrencyInfo_next a, #tbl_TaskListInfo_previous a, #tbl_TaskListInfo_next a {
    top: -5px !important;
    background-color: transparent !important;
}

.greybckgrd {
    background-color: #eee
}

.exbasecurrencylbl i {
    top: 44px;
    position: absolute;
    color: #e0d9d9;
    margin-left: -14px;
    right: 9px;
}

.mr_0 {
    margin: 0
}

.ACCcallbl i {
    color: #8c8c8c;
    margin-left: -29px;
}
.exbasecurrencylbl input {
    display: inline-block;
}
    /*.exbasecurrencylbl input {
    display: inline-block;
    position: relative;*/
    /* float: left; */
    /*width: 100%;
    min-height: 35px;
    padding: 6px;
    font-size: 15px;
    margin: 0;
    color: #777;
    font-weight: 500;
    border: 1px solid #9c9c9c !important;
    background-color: #fff !important;
    border-radius: 2px;
    border: 0;
    transition: all 375ms ease-in-out;
}*/
    .wrapper {
    padding-bottom: 20px !important;
    overflow-x: hidden !important
}

/*.exbasecurrencylbl select {
    position: relative;*/
    /* float: left; */
    /*width: 100%;
    min-height: 35px;
    padding: 6px 20px;
    font-size: 15px;
    margin: 0;
    color: #777;
    font-weight: 500;
    border: 1px solid #9c9c9c !important;
    background-color: #fff;
    border-radius: 2px;
    border: 0;
    transition: all 375ms ease-in-out;
}*/

.acstdrrow {
    margin: 0 9px 15px 0;
}

.screenmapselect {
    position: relative;
    border: none;
    height: 24px;
    width: 315px !important;
    border: 1px solid #eee;
    background-color: white;
    border-bottom: 1px solid #01395e;
    margin-left: 16px !important;
    transition: 0.3s;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
}

table.table-bordered.dataTable tbody td {
    font-size: 13px;
  
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden ;
    min-width: 170px !important;
    max-width: 170px !important;
}
   table.table-bordered.dataTable tbody td:hover {
    white-space: unset !important;
}
    .mdlsabtn {
        padding: 8px 33px !important;
        border-radius: 0 !important;
        background-color: #1f1f1f !important;
        color: #fff !important;
    }

.Aslblinpttwo {
    width: 100% !important;
}

.Aslblinpt {
    width: 63% !important;
}

.csHoldingPercentages {
    background-color: #fff !important;
    border: 1px solid #cecece !important;
}

#tbl_HodingPercentages select, #ddlEntityClassification, #txtAdditionalInfoEntity, #frmEntityAdditionalInfo input {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    opacity: 1;
    color: #0c0c0c !important;
    -webkit-box-sizing: content-box;
    border: 1px solid #b4b4b5;
    /* border-radius: 0 4px 4px 0; */
    /* border-left: 0; */
    box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    border: 1px solid #cecece;
    border-radius: 0;
    background: #f5f5f6;
}

.treelbl {
    font-weight: 500;
    font-size: 20px;
}

.Aslblinpttree {
    width: 100% !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 2px !important;
    margin-left: 23px !important;
    background-color: #fff !important;
}

/*.Aslblinpt, .Aslblinpttwo, .csHoldingPercentages, #ddlCategory, .Aslblinpttree {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    opacity: 1;
    color: #0c0c0c !important;
    -webkit-box-sizing: content-box;
    border: 1px solid #b4b4b5;*/
    /* border-radius: 0 4px 4px 0; */
    /* border-left: 0; */
    /*box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    border: 1px solid #f5f5f6;
    border-radius: 0;
    border-left: 0;
    background: #f5f5f6;
}*/
/*.Aslblinpt, .Aslblinpttwo, .csHoldingPercentages, #ddlCategory, .Aslblinpttree {
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    opacity: 1;
    color: #0c0c0c !important;
    -webkit-box-sizing: content-box;
    border: 1px solid #b4b4b5;*/
    /* border-radius: 0 4px 4px 0; */
    /* border-left: 0; */
    /*box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    border: 1px solid #f5f5f6;
    border-radius: 0;
    border-left: 0;
    background: #f5f5f6;
}*/
    .Aslblinpt::placeholder {
        color: #696e79;
        font-weight: 300;
        font-size: 13px
    }

/* .modal-dialog .modal-content {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        border-top: 8px solid #01395e;
    }*/
.modal-header .close {
    border: 4px solid #fff;
    border-radius: 50%;
    width: 30px;
    background-color: #383736;
    height: 30px;
    position: relative;
    color: #ffffff;
    top: -25px;
    opacity: 1;
}

.pd_0 {
    padding: 0
}

.m_0 {
    margin: 0
}

.htbtnscndsec {
    padding: 0 15px;
    float: right;
}

.Btnwhtborder {
    padding: 8px 33px;
    border-radius: 0;
    color: #332f2f;
    background-color: #ffffff;
    border: 1px solid #adadad;
}

    .Btnwhtborder:hover {
        background-color: #2E2E38 !important;
        color: #fff !important;
    }

.mdlclsbtn:hover {
    background-color: #2E2E38 !important;
    color: #fff !important
}

.mdlsabtn:hover {
    color: #000000 !important;
}

.modal-header,
.modal-body {
    /*color: #01395e;*/
}
    /*.modal-content .btn {
    background-color: #01395e;
}

.modal-content .btn:hover,
.modal-content .btn:focus,
.modal-content .btn:active {
    color: #01395e;
    background-color: transparent;
    border: 1px solid #01395e;
}*/

    .modal-body input {
        transition: 0.5s;
    }

        .modal-body input:focus {
            border: 1px solid #01395e;
            border-bottom: 4px solid #01395e;
        }

.modal-body {
    overflow: overlay;
    overflow-y: auto;
    max-height: 560px;
}

.tgl-flat:checked + .tgl-btn {
    border: 3px solid #5d5d5d !important;
}

    .tgl-flat:checked + .tgl-btn:after {
        left: 50%;
        color: #525252;
        height: 18px !important;
        width: 20px !important;
        top: 1px;
        line-height: 20px;
    }

.tgl-flat + .tgl-btn:after {
    color: #fff;
    height: 18px;
    width: 20px;
}

.tgl-flat + .tgl-btn {
    border: 3px solid #b5b5b5;
}

.table > thead > tr > th {
    background-color: #d4dae0;
    color: #222222;
}

.screenmaptblsec {
    padding: 6px;
    border: 1px solid rgba(0,0,0,.125);
    background-color: #fff;
}

.btnmdl {
    font-size: 15px;
    margin: 12px 15px 0 15px;
}

#divScreenRole {
    max-height: 381px;
    overflow: overlay;
    border-bottom: 1px solid #a2a3a5;
}

    #divScreenRole table thead {
        background-color: #01395e;
        color: #fff;
    }

/* checkBox */
.tgl {
    /*display: none;*/
    opacity: 0;
    width: 0;
}

    .tgl + .tgl-btn {
        outline: 0;
        display: block;
        width: 4em;
        height: 2em;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .tgl + .tgl-btn:after,
        .tgl + .tgl-btn:before {
            position: absolute;
            display: block;
            content: "";
            width: 22px;
            height: 16px;
            top: 2px;
            color: #575757;
            line-height: 16px;
            font-size: 10px;
            text-align: center;
            transition: .5s;
        }

        .tgl + .tgl-btn:before {
            content: 'Off';
            z-index: 1;
        }

        .tgl + .tgl-btn:after {
            left: 2px;
        }

.tgl-flat:checked + .tgl-btn:after {
    left: 50%;
    background: #7FC6A6;
}

.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-flat:checked + .tgl-btn:before {
    content: '';
}

.tgl-flat + .tgl-btn {
    padding: 2px;
    transition: all .2s ease;
    background: #fff;
    border: 4px solid #b5b5b5;
    border-radius: 2em;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
}

    .tgl-flat + .tgl-btn:after {
        transition: all .2s ease;
        background: #b5b5b5;
        content: "";
        border-radius: 1em;
        color: #fff;
        line-height: 16px;
    }

.tgl-flat:checked + .tgl-btn:after {
    content: 'On';
}

.tgl-flat:checked + .tgl-btn {
    border: 4px solid #7FC6A6;
}


/* Lock css starts
====================================== */

.lock {
    margin-top: 2px;
    position: relative;
    width: 20px;
    height: 22px;
    border: 2px solid #320849;
    border-radius: 5px;
}

    .lock:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 3px;
        width: 10px;
        height: 6px;
        border-radius: 100% 100% 0 0;
        border: 2px solid #320849;
        border-bottom-color: transparent;
    }

    .lock:after {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background-color: #320849;
        left: 8.5px;
        bottom: 6px;
    }

/* Lock css ends
====================================== */


/* Change Password starts
======================================= */
.changePassSec {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background-image: url(../img/cold-sky.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .changePassSec form {
        width: 400px;
        background-color: rgba(51, 51, 51, .4);
        padding: 12px 24px;
    }
/* Change Password ends
======================================= */

#divDisclosure {
    padding: 12px;
}

/* user managemnt dowload btn
================================== */

a.dt-button,
a.buttons-excel {
    background-image: url(../img/excel-icon.png) !important;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
    padding-left: 32px !important;
    background-color: transparent;
    font-weight: 600;
    transition: 0.5s;
}

a.buttons-csv {
    background-image: url(../img/csv-icon.png) !important;
}

a.buttons-pdf {
    background-image: url(../img/pdf-icon.png) !important;
}

a.buttons-print {
    background-image: url(../img/print-icon.png) !important;
}

a.buttons-copy {
    background-image: url(../img/copy-icon.png) !important;
}

a.dt-button:hover {
    background-size: 18px;
    box-shadow: 0px 0px 2px 2px rgba(51,51,51, 0.2);
}


/*element spaceing*/
.form-group-element {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
}

.optWrapper {
    width: 93% !important;
    margin-left: 15px !important;
}

/*.sidebar-collapse {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}*/



@media screen and (max-width: 500px) {
    td {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
}

table.dataTable {
    margin-top: 0 !important
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a {
    background-color: #241358 !important;
}

.tgl-flat:checked + .tgl-btn:after {
    left: 50%;
    color: #fff;
    background: #333534;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li:not(.menu-open) > a:hover {
    background-color: #222222 !important;
    transform: scale(1) !important;
    margin-left: -10px;
    padding-left: 21px;
    color: #fff !important;
    font-weight: 500 !important;
}
.content-wrapper, .main-footer {
    margin-left: 0;
}

.Aslblinpt, .Aslblinpttwo, .csHoldingPercentages, #ddlCategory, .Aslblinpttree,.DatePickerMonth {
    font-size: 13px;
    height: 23px !important;
    line-height: 20px;
    opacity: 1;
    color: #0c0c0c !important;
    -webkit-box-sizing: content-box;
    border: 0px solid #b4b4b5 !important;
    /* border-radius: 0 4px 4px 0; */
    /* border-left: 0; */
    box-sizing: content-box;
    padding: 8px 10px 10px;
    margin: 0;
    outline: 0;
    border-bottom: 1px solid #0c0c0c !important;
    border-radius: 0;
    border-left: 0;
    background: #f5f5f6;
}

.comboTreeInputBox, .Aslblinpttwo {
    background-color: #ffffff !important;
}

/*.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    background-color: #222 ;
    border-color: #222 !important
}*/

.dt-buttons {
    top: 12px !important;
    margin-bottom: 20px;
}
.sticky_navbar {
    position: fixed;
    background-color: #f1f2f7;
    z-index: 99 !important;
}