@charset "utf-8";
/* CSS Document */
/****************************************** Button Styles ******************************************************************/

.m-brand.m-brand--skin-dark {
    background: #1E0B01;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    background-color: #452E21;
	border-left:3px solid #452E21;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #f1dfda;
	font-size: 1.4rem;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon {
    color: #ED9622;
}
.btn_defaults{
	background-color: #c16c21 !important;
	border-color: #c16c21 !important;
	color: #FFF;
}
.btn-focus {
    color: #fff;
    background-color: #e6400c;
    border-color: #e6400c
}
.btn-focus:hover {
    color: #fff;
    background-color: #e6400c;
    border-color: #e6400c
}
.no-paddingR {
    padding-right: 0px
}
.no-paddingL {
    padding-left: 0px
}
.login-lft {
    background: url(../images/login-lft1.png) no-repeat;
    background-size: cover;
    height: 100vh;
}
.login-rgt {
    background-color: #FFF;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.login-wel {
    font-family: Lato !important;
    font-size: 28px;
    color: #fff;
    width: 85%;
    margin: 50px 60px 0px 60px;
}
.login-sub {
    background-color: #db5201;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding-top: 20px;
    cursor: pointer
}
.login-head h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold
}
.required {
    color: Red;
    margin-left: 5px;
    margin-top: -14px;
    position: absolute;
    font-family: 'Lato', sans-serif;
}
.text-Dgray {
    color: #757575!important;
	font-family: 'Lato', sans-serif;
}
.text-white{
	color: #FFF;
	font-size: 1.1rem;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}
.btn.m-btn--normal {
    display: inline-block;
	text-align: center;
	padding: 0.6rem 1rem;
	font-family: 'Lato', sans-serif;
	letter-spacing: .5px;
	font-size: 1.1rem;
	float: left;
}
.btn.m-btn--custom {
    display: inline-block;
	text-align: center;
	padding: 0.6rem 1rem;
	font-family: 'Lato', sans-serif;
	letter-spacing: .5px;
	font-size: 1.1rem;
	float: right;
	margin-top: .1rem;
	height: 40px;
}
.btn-outline-focus.focus, .btn-outline-focus:focus, .btn-outline-focus:hover {
    border-color: #c77c3c;
    background: #c77c3c;
    color: #fff
}
.btn-focus:not(:disabled):not(.disabled).active, .btn-focus:not(:disabled):not(.disabled):active, .show > .btn-focus.dropdown-toggle {
	color: #fff;
	background-color: #c77c3c;
	border-color: #c77c3c
}
.m-nav .m-nav__item>.m-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    outline: 0!important;
    vertical-align: middle;
    padding: 5px 0;
}
.m-nav .m-nav__item>.m-nav__link .m-nav__link-text {
    display: table-cell;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 1rem
}


.file-upload {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
}

.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.2em;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}
.DR-H{ background-color: #D86B31;  padding: 10px 15px;  font-family: 'Lato', sans-serif; font-size: 1.1rem;  vertical-align: middle; color: #ffffff }
.DR-H-filter{  padding: 10px 15px;  font-family: 'Lato', sans-serif; font-size: 1.1rem;  vertical-align: middle; color: #000000; border: 1px solid #3016081F;}
.btn.btn-primary {
    color: #c77c3c
}
.btn-primary {
    color: #fff;
    background-color: #FFF;
    border-color: #c77c3c
}
.btn-primary:hover {
    color: #fff;
    background-color: #c77c3c;
    border-color: #c77c3c;
	opacity: 0.9
}
.btn-primary.focus, .btn-primary:focus {
   /* -webkit-box-shadow: 0 0 0 .2rem rgba(88,103,221,.5);
    box-shadow: 0 0 0 .2rem rgba(88,103,221,.5)*/
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #5867dd;
    border-color: #5867dd
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #c77c3c;
    border-color: #c77c3c
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(88,103,221,.5);
    box-shadow: 0 0 0 .2rem rgba(88,103,221,.5)
}
.btn-accent {
    color: #fff;
    background-color: #C16C21;
    border-color: #C16C21
}
.btn-accent:hover {
    color: #fff;
    background-color: #ED9622;
    border-color: #ED9622;
	opacity: 0.9
}
.btn-accent.focus, .btn-accent:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(133,184,63,.5);
    box-shadow: 0 0 0 .2rem rgba(133,184,63,.5)
}
.btn-accent.disabled, .btn-accent:disabled {
    color: #fff;
    background-color: #e6400c;
    border-color: #e6400c
}
.btn-accent:not(:disabled):not(.disabled).active, .btn-accent:not(:disabled):not(.disabled):active, .show>.btn-accent.dropdown-toggle {
    color: #fff;
    background-color: #e6400c;
    border-color: #e6400c
}
.btn-outline-accent.focus, .btn-outline-accent:focus, .btn-outline-accent:hover {
    border-color: #e6400c;
    background: #e6400c;
    color: #fff
}
.btn-focus.focus, .btn-focus:focus {
    -webkit-box-shadow: 0 0 0 .2rem #c77c3c;
    box-shadow: 0 0 0 .2rem #c77c3c;
}
.btn-focus.disabled, .btn-focus:disabled {
	color: #fff;
	background-color: #c77c3c;
	border-color: #c77c3c
}

.btn-focus:not(:disabled):not(.disabled).active:focus, .btn-focus:not(:disabled):not(.disabled):active:focus, .show>.btn-focus.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem #c77c3c;
    box-shadow: 0 0 0 .2rem #c77c3c;
}
.btn.m-btn--normal {
    display: inline-block;
	text-align: center;
	padding: 1.1rem 2rem;
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
	float: left;
	margin-top: -5px
}
.m-wizard.m-wizard--1.m-wizard--success .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info .m-wizard__step-number>span {
    background-color: #c16c21
}
.m-wizard.m-wizard--1.m-wizard--success .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-info a.m-wizard__step-number:hover>span {
    background-color: #c16c21
}
.m-wizard.m-wizard--1.m-wizard--success .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info .m-wizard__step-number>span {
    background-color: #c16c21;
    opacity: 0.8
}
.m-wizard.m-wizard--1.m-wizard--success .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-info a.m-wizard__step-number:hover>span {
    background-color: #c16c21;
    opacity: 0.8
}

.HDD-O{	border:1px solid #dddcdc; border-right:none; padding: 11px 0px 0px 10px; background-color: #faf9f9; }
.HDD-O h4{ color: #fe8862; font-size: 1.2rem }
.HDD-TO{ background-color: #fe8862; color: #FFF; font-weight: bold; padding-top: 20px; text-align: center }

.HDD-B{	border:1px solid #dddcdc; border-right:none; padding: 11px 0px 0px 10px; background-color: #faf9f9; }
.HDD-B h4{ color: #55bde2; font-size: 1.2rem }
.HDD-TB{ background-color: #55bde2; color: #FFF; font-weight: bold; padding-top: 20px; text-align: center }

.HDD-V{	border:1px solid #dddcdc; border-right:none; padding: 11px 0px 0px 10px; background-color: #faf9f9; }
.HDD-V h4{ color: #b198dc; font-size: 1.2rem }
.HDD-TV{ background-color: #b198dc; color: #FFF; font-weight: bold; padding-top: 20px; text-align: center }
.ICO-S{ font-size: 1.7rem !important;cursor:pointer; }
.m--font-danger { color: #f4516c !important; }
.m--font-success { color: #34bfa3 !important; }
.m--font-info { color: #36a3f7 !important; }
.T-Label{ padding: 0px 15px 10px 15px;  font-family: 'Lato', sans-serif; font-weight: 600; font-size: 1.1rem;  vertical-align: middle; color: #c16c21 }

.CIF-O{	border:1px solid #dddcdc; padding: 10px 0px 0px 10px; background-color: #faf9f9; }
.CIF-O h4{ color: #757575; font-size: 1.2rem; font-weight: 600 }
.CIF-O h6{ color: #c77c3c; font-size: 1.6rem; font-weight: 600 }

.CIF-B{	border:1px solid #dddcdc; padding: 10px 0px 0px 10px; background-color: #faf9f9; }
.CIF-B h4{ color: #757575; font-size: 1.2rem; font-weight: 600 }
.CIF-B h6{ color: #34bfa3; font-size: 1.6rem; font-weight: 600 }

.CIF-V{	border:1px solid #dddcdc; padding: 10px 0px 0px 10px; background-color: #faf9f9; }
.CIF-V h4{ color: #757575; font-size: 1.2rem; font-weight: 600 }
.CIF-V h6{ color: #6684d0; font-size: 1.6rem; font-weight: 600 }
.B-rad{ border-radius: 25px !important; }
.Ecllipse-P{ background: none !important; border: 0 !important }
.divider-line-ellipse{
    margin: 5px -10px;
    border-bottom: 1px solid #ccc;
}
.DAS-TO{ background-color: #fe8862; font-weight: bold; padding-top: 25px; text-align: center }
.DAS-TO h5{ color: #FFF; margin-bottom: 0rem !important; }

.DAS-INN{ border: 1px solid #ccc;  font-weight: bold; }

.DAS-O{	border:1px solid #dddcdc; padding: 15px 0px 14px 0px; background-color: #faf9f9; }
.DAS-O h4{ font-size: 1rem; font-weight: bold; text-align: center }
.DAS-O h6{font-size: 1.6rem; font-weight: bold; text-align: center; color: #c77c3c; }

.DAS-BE{ background-color: #55bde2; font-weight: bold; padding-top: 25px; text-align: center }
.DAS-BE h5{ color: #FFF; margin-bottom: 0rem !important; }
.border-DAS{ border:1px solid #d4d4d4; border-bottom: none; }
.bg-lightgray{ background-color: #f6f6f6; }

.color-green{ color: #34bfa3 !important; }
.color-blue{ color: #6684d0 !important }
.color-grey{ color: #333 !important }

.IN-CXT h6{ font-size: 0.9rem !important; color: #a2a2a2 !important; }
.IN-CNTXT{ background-color: #f1dfda; text-align: center; height: 83px; padding-top: 35px; color: #c77c3c; }
.IN-CNTXT h4{ font-size: 1.2rem  }
.m--margin-topM-4{ margin-top:-4px !important }
.DAS-INA{	border:1px solid #dddcdc; }

/********************************************* Update CSS *********************************************/
.no-padding-right{
    padding-right: 0px !important;
}
.no-padding-left{
    padding-left: 0px !important;
}

.go-button0-margin{
    margin-top: 40px;
}
table td{
    vertical-align: middle !important;
}
.m_top{
    padding-top: 7px;
}
.align_top{
    margin-top: 3px;
}
.ipf_top{
margin-top:3px;
}
.td_top{
margin-top:3px;
}
.action_padding {
        padding-left: 36px;
    }
    .th_top{
        margin-top: -2.85rem!important;
    }
    .DR-H-btn {
        background-color: #faf9f9;
        padding: 10px 0px;
    }

    .filter-border-color-btn {
        border-top: 1px solid #faf9f9!important;
    }
    .BreadFix{
        background-color: #FFF; z-index: 1; width: 99%; padding: 5px 15px 3px 15px; border-bottom: none;
    }
    .tableFixHead {
        overflow-y: auto;
        height: 460px;
        overflow-x: auto;
    }

    .tableFixHead th {
        position: sticky;
        top: 0;
    }

    .DR-H-btn {
        background-color: #faf9f9;
        padding: 10px 0px;
    }
    .filter-border-color-btn {
        border-top: 1px solid #faf9f9!important;
    }
    .population{
        width: 100%;border-top: 1px solid #ddd;border-collapse: collapse;
    }
    .population_border{
        border-bottom: 1px solid #ddd;
    }
.national_head{
border-right: 1px solid #ddd;padding-left: 50px;
border-left: none !important;
}
    .refugee_head{
        border: 0px;padding-left: 60px;
        border-right: none !important;
    }
    .national_mrow{
    width: 53px;
    border:none !important;
    }
    .national_frow{
    width: 54px;
    border-bottom:none !important;
    }
    .natoinal_trow{
        width: 54px;
        border-bottom:none !important;
    }
    .refugee_mrow{
    width: 43px;
    border-bottom:none !important;
    }
    .refugee_frow{
    width: 37px;
    border-bottom:none !important;
    }
    .refugee_trow{
        padding-left: 34px;
        border:none !important;
    }

    .tableBodyScroll tbody {
        display: block;
        max-height: 400px;
        overflow-y: scroll;
      }

      .tableBodyScroll thead,
      .tableBodyScroll tbody tr {
  display: table;
  /* width: 100%; */
  table-layout: fixed;
}
.ipf-hover:hover {
    background-color: #ececec;
}
.no-padding-bottom{
    padding-bottom: 0px !important;
}
/*role-icon*/
.no-pd-rht{
    padding-right: 0px;
}
/*role-icon*/

/********************************************* Responsive Breakpoints *********************************************/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.wel-none { display: none;}
.mob-line { height: 75px!important; }
.logouts { background-color: #ffffff; margin: -5px -15px 0px 15px; padding: 0px 10px 0px 0px; height: 65px; border-left: 1px solid #c16c21;}
.login-dnone{ display: block }
.LN-box{ background-color: #FFF; position: absolute; width: 100%; padding: 0px 15px; }
.LNF-box{ position: absolute; width: 91%; box-shadow: 2px 1px 13px -5px #333; height: 320px;}	/**** Durga updated ***/
.row-lft { position: absolute; right: 55px; top: 35px; }
.transformLG{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute; left: 62.5%; top: 50%; transform: translate(-50%, -50%); }
.login-P { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; font-weight: 400;  margin: 10px 20px 10px 20px; line-height: 22px;  }	 /*** Durga Updated***/
.circle { border-radius: 50% !important; overflow: hidden; width: 128px; height: 128px; margin-left: 85px; margin-top: 30px; }
.p-image { position: absolute; top: 66%; right: 29%; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto; padding: 0px 0 15px 0 }
.align-MD{ text-align: left }
.fot{ position: absolute; width: 91.7%; }
.BreadFix{ background-color: #FFF; z-index: 1; width: 99%; padding: 5px 15px 3px 15px; border-bottom: none }
.margF70{ margin-top: 0px; }
.no-paddingR{ padding-right: 15px !important; }
.no-paddingLR{ padding-left: 15px !important; padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -2.5rem; width: 2.5rem; height: .3rem; display: block; border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: none !important; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step { display: table-cell; width: 100%; margin-bottom: 2.5rem; padding-right: 0 }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 2.5rem; height: 2.5rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0.5rem; }
.D-TXT{ display: none }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1rem; font-weight: 500 }
.width-90 { width: 90px }
.width-100 { width: 100px }
.no-paddingDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingLDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingLDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingTDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 15px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-top:none; }
.DAS-O h6{ font-size: 1.6rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em .4em; font-size: .85rem }
.no-paddingDIN{ padding-left: 30px; padding-right: 30px; }
.no-paddingDIN-15{ padding-left: 30px; padding-right: 30px; }
.no-paddingDINR{ padding-left: 30px; padding-right: 30px; }
.BB-N{ border-right:1px solid #ccc;; }
.BB-L{ border-left:1px solid #ccc;; }
.IN-CNTXT h4{ font-size: 1.2rem !important }
.BB-M{ border-bottom:none; }
.NAT{ background-color: #f6f6f6; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; }
.fmm{ font-size: 1.1rem !important }
.DP{ margin-top: 15px; }
.go-button0-margin{            /***Updated css***/
    margin-top: 10px;
}
.pagination{                    /***Updated css***/
    margin-top: 10px;
}
.count{
    width: 115px !important;
}

/*******Updated****/
.custom-no-paddingL{
    padding-left: 15px !important;
}
.custom-no-paddingR{
    padding-right: 30px !important;
}
.login-lft {
    background: background: url(../images/login-lft1.png) no-repeat;
    background-size: none;
    height: 375px;
}
.transformLGF {
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%);
    border-radius: 10px 10px 0px 0px;
}
.login-rgt {
    background: none;
    background-size: none;
    height: 100vh
}
.transformLG {
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    border-radius: 0px 0px 10px 10px;
}
.login-wel {

    /* margin: 50px 60px 40px 40px; */
    margin: 15px 15px 15px 25px;   /******** Durga Updated *****/
}
.login-C{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    margin: 10px 20px 10px 20px;
    line-height: 22px;
}
.m-login.m-login--2 .m-login__wrapper {
    padding-top: 0rem !important;
}
.m-login__container {
    padding: 10px 20px 20px 20px !important;
}
.m-login__head {
    margin-top: 0rem !important;
}
.m--margin-bottom-20 {
    margin-bottom: 0px!important;
}
.footer-logo{
    margin: 20px 70px 10px 70px;
}
.font-tab-mobile{
    font-size: 11px !important;
}
/*******Updated****/

/*******card update****/
.card-2-margin{
margin-right: 15px !important;
}
.card1-noright-margin{
margin-right: 15px;
}
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.width-search-col{
width: 100px !important;
}
.no-space{
padding-left: 0px !important;
padding-right: 0px !important;
}
.icon-table-width{
width: 130px !important;
}
/****** Card Update****/
/*footer width*/
.footer-fixed{
    width: 100%;
    left: 0px;
}
/*footer width*/
}
@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {
.wel-none { display: block;}
.logouts { background-color: #ffffff; margin: -5px -15px 0px 15px; padding: 0px 10px 0px 0px; height: 65px; border-left: 1px solid #c16c21;}
.login-dnone{ display: none }
.LN-box{ background-color: #FFF; position: absolute; width: 100%;  }
.LNF-box{ background-color: #451800; position: absolute; width: 91%; box-shadow: 2px 1px 13px -5px #333; }
.row-lft { position: absolute; right: 55px; top: 35px; }
.transformLG{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute; left: 62.5%; top: 50%; transform: translate(-50%, -50%); }
.login-P { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; font-weight: 400;  margin: 10px 20px 10px 40px; line-height: 22px;  }
.circle { border-radius: 50% !important; overflow: hidden; width: 128px; height: 128px; margin-top: 30px; }
.p-image { position: absolute; top: 66%; right: 10%; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto; padding: 0px 0 15px 0 }
.align-MD{ text-align: left }
.fot{ position: absolute; width: 96%; }
.BreadFix{ background-color: #FFF; z-index: 1; height: 67px; width: 99%; padding: 5px 15px 3px 15px; border-bottom: none }
.BreadFix-F{ background-color: #FFF; z-index: 1; width: 92.3%; padding: 10px 15px; position: fixed; border-bottom: none }
.margF70{ margin-top: 20px; }
.no-paddingR{ padding-right: 15px !important; }
.no-paddingLR{ padding-left: 15px !important; padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -2.5rem; width: 2.5rem; height: .3rem; display: block; border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: none !important; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step { display: table-cell; width: 100%; margin-bottom: 2.5rem; padding-right: 0 }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 2.5rem; height: 2.5rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0.5rem; }
.D-TXT{ display: none }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1rem; font-weight: 500 }
.width-90 { width: 90px }
.width-100 { width: 100px }
.no-paddingDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingLDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingLDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingTDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 15px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-top:none; }
.DAS-O h6{ font-size: 1.6rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em .4em; font-size: .85rem }
.no-paddingDIN{ padding-left: 30px; padding-right: 30px; }
.no-paddingDIN-15{ padding-left: 30px; padding-right: 30px; }
.no-paddingDINR{ padding-left: 30px; padding-right: 30px; }
.BB-N{ border-right:1px solid #ccc;; }
.BB-L{ border-left:1px solid #ccc;; }
.IN-CNTXT h4{ font-size: 1.2rem !important }
.BB-M{ border-bottom:none; }
.NAT{ background-color: #f6f6f6; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; }
.fmm{ font-size: 1.1rem !important }
.DP{ margin-top: 15px; }
.go-button0-margin{             /***Updated css***/
    margin-top: 10px;
}
/***Updated css***/
/***.pagination{

    margin-top: -28px;
}**/
/*******Updated****/
.custom-no-paddingL{
    padding-left: 15px !important;
}
.custom-no-paddingR{
    padding-right: 30px !important;
}
.font-tab-mobile{
    font-size: 11px !important;
}
/*******Updated****/

/*******card update****/
.card-2-margin{
margin-right: 15px !important;
}
.card1-noright-margin{
margin-right: 15px;
}
/****** Card Update****/
/***Pagination****/
/**.pagination-alignment{
margin-top: -10px !important;
}**/
/****Pagination***/
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.width-search-col{
width: 100px !important;
}
.icon-table-width{
width: 130px !important;
}
.icon-res-width{
width: 150px;
}
.padding-top-user{
padding-top: 60px;
padding-left: 20px !important;
}
.BreadFix .ipad-btn{
float: left!important;
margin-top: -60px;
}
.BreadFix .ipad-height{
height: 60px;
}
.breadfix-height{
height: auto !important;
}
.font-size-ipad{
font-size: 14px !important;
}
}
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) {
.logouts { background-color: #ffffff; margin: -5px -15px 0px 15px; padding: 0px 10px 0px 0px; height: 65px; border-left: 1px solid #c16c21;}
.login-dnone{ display: block }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; width: 90%; margin: 35px 60px 35px 40px; line-height: 24px;  }
.LN-box{ background-color: #FFF; width: 100%;  }
.LNF-box{ position: absolute; width: 100%; box-shadow: 2px 1px 13px -5px #333; }
.row-lft { position: absolute; right: 80px; top: 35px; }
.transformLG{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute; left: 50%; top: 48%; transform: translate(-50%, -50%); }
.login-P { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; opacity: 0.8; font-weight: 400;  margin: 20px 20px 10px 60px; line-height: 22px;  }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; text-align: left; font-weight: 400; width: 90%; margin: 185px 60px 0px 60px; line-height: 24px;  }
.circle { border-radius: 50% !important; overflow: hidden; width: 128px; height: 128px; margin-left: 25px !important; margin-top: 5%; }
.p-image { position: absolute; top: 65%; margin-left: 125px; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto;padding: 0px 0 0px 0 }
.align-MD{ text-align: right !important }
.fot{ position: absolute; width: 93%; }
.BreadFix{ background-color: #FFF; z-index: 1; width: 70.5%; padding: 5px 15px 0px 15px; position: fixed; border-bottom: none; height: 66px; }
.BreadFix-F{ background-color: #FFF; z-index: 1; width: 92.3%; padding: 5px 15px 0px 15px; position: fixed; border-bottom: none height: 66px;}
.margF70{ margin-top: 85px; }
.no-paddingR{ padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -2.5rem; width: 2.5rem; height: .3rem; display: block; border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: none !important; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step { display: table-cell; width: 100%; margin-bottom: 2.5rem; padding-right: 0 }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 3rem; height: 3rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1rem; }
.D-TXT{ display: none }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1.2rem; font-weight: 500 }
.width-90 { width: 90px }
.width-100 { width: 100px }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingLDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingLDAS-15{ padding-left: 15px; padding-right: 15px; }
.no-paddingTDAS{ padding-left: 30px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 15px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-top:none; }
.DAS-O h6{ font-size: 1.6rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em 1.4em; font-size: .95rem }
.no-paddingDIN{ padding-left: 30px; padding-right: 30px; }
.no-paddingDIN-15{ padding-left: 30px; padding-right: 30px; }
.no-paddingDINR{ padding-left: 30px; padding-right: 30px; }
.BB-N{ border-right:1px solid #ccc;; }
.BB-L{ border-left:1px solid #ccc;; }
.IN-CNTXT h4{ font-size: 1.2rem !important }
.BB-M{ border-bottom:none; }
.NAT{ background-color: #f6f6f6; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; }
.fmm{ font-size: 1.1rem !important }
.DP{ margin-top: 15px; }
.go-button0-margin{                      /***Updated css***/
    margin-top: 10px;
}
/*******Updated****/
.custom-no-paddingL{
    padding-left: 15px !important;
}
.custom-no-paddingR{
    padding-right: 30px !important;
}
.no-padding-right{
    padding-right: 0px !important;
}
.no-padding-left{
    padding-left: 0px !important
}
.footer-logo{
    margin: 20px 70px 10px 70px;
}
.count{
    width: 115px !important;
}

/*******card update****/
.card-no-padding{
padding-right: 0px !important;
}
.card-no-margin{
margin-right: 0px !important;
}
.card-2-margin{
margin-right: 20px !important;
}
/****** Card Update****/
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.width-search-col{
width: 100px !important;
}
.icon-table-width{
width: 130px !important;
}

.icon-res-width{
width: 150px;
}
/*******Updated****/
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1280px) {
.logouts { background-color: #ffffff; margin: -5px -15px 0px 15px; padding: 0px 10px 0px 0px; height: 65px; border-left: 1px solid #c16c21;}
.login-dnone{ display: block }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; width: 90%; margin: 35px 60px 35px 40px; line-height: 24px;  border-left: 2px solid #c16c21;}
.LN-box{ background-color: #FFF; width: 100%;  }
.LNF-box{ position: absolute; width: 100%; }
.row-lft { position: absolute; right: 80px; top: 35px; }
.transformLG{ position: absolute; left: 42.8%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute; left: 50%; top: 48%; transform: translate(-50%, -50%); }
.login-P { font-family: 'Lato', sans-serif; font-size: 14px; color: #FFFFFF; opacity: 0.8; font-weight: 400;  margin: 20px 60px 10px 60px; line-height: 22px;  }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; font-weight: 400;  text-align: left; width: 90%; margin: 200px 60px 0px 60px; line-height: 24px;  }
.circle { border-radius: 50% !important; overflow: hidden; width: 128px; height: 128px; margin-left: 30%; margin-top: 10%; }
.p-image { position: absolute; top: 65%; right: -15%; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto; padding: 0 }
.align-MD{ text-align: right !important }
.fot{ position: absolute; width: 96%; }
.BreadFix{ background-color: #FFF; z-index: 1; width: 76.8%; padding:5px 15px 0px 15px; position: fixed; border-bottom: none }
.BreadFix-F{ background-color: #FFF; z-index: 1; width: 93.8%; padding: 10px 15px; position: fixed; border-bottom: none }
.margF70{ margin-top: 85px; }
.no-paddingR{ padding-right: 0px !important; }
.no-paddingLR{ padding-left: 0px !important; padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -2.5rem; width: 2.5rem; height: .3rem; display: block; border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: none !important; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step { display: table-cell; width: 100%; margin-bottom: 2.5rem; padding-right: 0 }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 4rem; height: 4rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left:2.8rem; }
.D-TXT{ display: none }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1.4rem; font-weight: 500 }
.width-90 { width: 90px }
.width-100 { width: 100px }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 0px; }
.no-paddingDAS{ padding-left: 30px; padding-right: 0px; }
.no-paddingLDAS{ padding-left: 0px; padding-right: 0px; }
.no-paddingLDAS-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingTDAS{ padding-left: 0px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 0px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-left:none; padding-top: 18px; }
.DAS-O h6{ font-size: 1.4rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em 1.4em; font-size: .95rem }
.no-paddingDIN{ padding-left: 15px; padding-right: 0px; }
.no-paddingDIN-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingDINR{ padding-left: 0px; padding-right: 15px; }
.BB-N{ border-right:none; }
.BB-L{ border-left:none; }
.IN-CNTXT h4{ font-size: 1rem !important }
.NAT{ background-color: #f6f6f6; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; }
.national{ margin-left: 0px !important; margin-right: 0px !important; }
.fmm{ font-size: 1.1rem !important }
.DP{ margin-top: 15px; }
/*******Updated****/
.padding-left-15-card{
    padding-left: 15px !important;
}
.padding-right-30-card{
    padding-right: 30px !important;
}
.count{
    width: 115px !important;
}
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.width-search-col{
width: 100px !important;
}
.icon-table-width{
width: 130px !important;
}
.no-padding-right-card{
padding-right: 0px !important;
}
.icon-res-width{
width: 150px;
}

/*******Updated****/
}
@media only screen and (min-device-width : 1281px) and (max-device-width : 1366px) {
.logouts { background-color: #fff; margin: -5px -15px 0px 15px; padding: 0px 10px 0px 0px; height: 65px; border-left: 1px solid #c16c21; }
.login-dnone{ display: block }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; width: 90%; margin: 60px 60px 55px 40px; line-height: 24px;}
.LN-box{ background-color: #FFF; /*position: absolute;*/ width: 100%;  }
.LNF-box{ position: absolute; width: 100%; }
.row-lft { position: absolute; right: 80px; top: 35px; }
.transformLG{ position: absolute; left: 37.5%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute; left: 50%; top: 47%; transform: translate(-50%, -50%); }
.login-P { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; font-weight: 400;  margin: 15px 20px 10px 60px; line-height: 22px;  }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; font-weight: 400; text-align: left; width: 90%; margin: 195px 60px 0px 60px; line-height: 24px;  }
.circle { border-radius: 50% !important; overflow: hidden; width: 100px; height: 100px; margin-left: 0px; }
.p-image { position: absolute; top: 65%; left: 65%; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto; padding: 0 }
.align-MD{ text-align: right !important }
.fot{ position: absolute; width: 97%; }
.BreadFix{ background-color: #FFF; z-index: 1; width: 78.1%; padding: 5px 15px 0px 15px; position: fixed; border-bottom: none }
.BreadFix-F{ background-color: #FFF; z-index: 1; width: 94.2%; padding: 10px 15px; position: fixed; border-bottom: none }
.margF70{ margin-top: 85px; }
.no-paddingR{ padding-right: 0px !important; }
.no-paddingLR{ padding-left: 0px !important; padding-right: 0px !important; }
.no-paddingRL{ padding-left: 0px !important; padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -3.5rem; width: 5.5rem; height: .3rem; display: block;border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: table-cell; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 4rem; height: 4rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 3.5rem; }
.D-TXT{ display: block }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1.7rem; font-weight: 500 }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 0px; }
.no-paddingDAS{ padding-left: 30px; padding-right: 0px; }
.no-paddingLDAS{ padding-left: 0px; padding-right: 0px; }
.no-paddingLDAS-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingTDAS{ padding-left: 0px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 0px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-left:none; padding-top: 15px; }
.DAS-O h6{ font-size: 1.6rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em 1.4em; font-size: .95rem }
.no-paddingDIN{ padding-left: 15px; padding-right: 0px; }
.no-paddingDIN-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingDINR{ padding-left: 0px; padding-right: 15px; }
.BB-N{ border-right:none; }
.BB-L{ border-left:none; }
.IN-CNTXT h4{ font-size: 1.1rem !important }
.NAT{ background-color: #f6f6f6; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; }
.national{ margin-left: 0px !important; margin-right: 0px !important; }
.fmm{ font-size: 1rem !important }
.DP{ margin-top: 0px; }
.count{
    width: 100px !important;
}
.padding-top-user{
padding-top: 25px;
}
.icon-table-width{
width: 130px !important;
}
.width-search-col{
width: 100px !important;
}
.no-padding-right-card{
padding-right: 0px !important;
}
.icon-res-width{
width: 150px;
}
}



@media only screen and (min-device-width : 1367px) and (max-device-width : 1920px) {
.logouts { background-color: #fff;height: 60px; border-left: 1px solid #ed9622;}
.login-dnone{ display: block }
.login-C { font-family: 'Lato', sans-serif; font-size: 14px; color: #ffffff; width: 90%; margin: 75px 60px 65px 40px; line-height: 24px;  }
.LN-box{ background-color: #FFF; width:100%; }
.LNF-box{ width: 100%; position: relative;}
.row-lft { position: absolute; right: 140px; top: 35px; }
.transformLG{ position: absolute; left: 30%; top: 50%; transform: translate(-50%, -50%); }
.transformLGF{ position: absolute;  }
.login-P { font-family: 'Lato', sans-serif; font-size: 1.1rem; color: #FFFFFF; opacity: 0.8; font-weight: 400;  margin: 10px 60px 10px 60px; line-height: 22px;  }
.login-C { font-family: 'Lato', sans-serif; font-size: 1.1rem; color: #FFFFFF; opacity: 0.8; font-weight: 400; text-align: left; width: 90%; margin: 230px 60px 85px 60px; line-height: 24px;  }
.circle { border-radius: 50% !important; overflow: hidden; width: 128px; height: 128px; margin-left: 0px; }
.p-image { position: absolute; top: 65%; left: 60%; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
.m-nav.m-nav--inline>.m-nav__item>.m-nav__link { width: auto; padding: 0 }
.align-MD{ text-align: right !important }
.fot{ position: absolute; width: 98%; }
.BreadFix{ background-color: #FFF; z-index: 1; width: 84.2%; padding: 0px 15px 0px 15px; position: fixed; border-bottom: none }
.BreadFix-F{ background-color: #FFF; z-index: 1; width: 96%; padding: 10px 15px; position: fixed; border-bottom: none }
.margF70{ margin-top: 85px; }
.no-paddingR{ padding-right: 0px !important; }
.no-paddingLR{ padding-left: 0px !important; padding-right: 0px !important; }
.no-paddingRL{ padding-left: 0px !important; padding-right: 15px !important; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-line>span { margin-left: -3rem; width: 11rem; height: .3rem; display: block; border-radius: .6rem; margin-top: -1.9rem; }
.sep-N{ display: table-cell; }
.w125{ width: 125px; }
.w150{ width: 150px; }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span { width: 4rem; height: 4rem; border-radius: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 3.5rem; }
.D-TXT{ display: block }
.m-wizard.m-wizard--1 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .m-wizard__step-number>span>span { font-size: 1.7rem; font-weight: 500 }
.modal-lg { max-width: 1200px !important; }
.no-paddingDAS{ padding-left: 30px; padding-right: 0px; }
.no-paddingDAS-15{ padding-left: 15px; padding-right: 0px; }
.no-paddingLDAS{ padding-left: 0px; padding-right: 0px; }
.no-paddingLDAS-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingTDAS{ padding-left: 0px; padding-right: 30px; }
.no-paddingTDAS-15{ padding-left: 0px; padding-right: 15px; }
.h85{ height: 85px; }
.bN{ border-left:none; }
.DAS-O h6{ font-size: 1.4rem; }
.nav.nav-pills.m-nav-pills--btn-sm .m-tabs__link { padding: .6em 1.4em; font-size: .95rem }
.no-paddingDIN{ padding-left: 15px; padding-right: 0px; }
.no-paddingDIN-15{ padding-left: 0px; padding-right: 0px; }
.no-paddingDINR{ padding-left: 0px; padding-right: 15px; }
.BB-N{ border-right:none; }
.BB-L{ border-left:none; }
.IN-CNTXT h4{ font-size: 1.2rem !important }
.NAT{ background-color: #f4e4d7; border:1px solid #ccc; border-bottom:none; padding: 8px 10px; margin:0px 15px; color:#c16c21;}
.national{ margin-left: 0px !important; margin-right: 0px !important; }
.fmm{ font-size: 1.1rem !important }
.DP{ margin-top: 0px; }
.body-height{
    height: 80vh;
}
.icon-res-width{
width: 150px;
}
.count{
    width: 115px !important;
}
.card-height{
height: 500px;
overflow: auto;
}
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.padding-top-user{
padding-top: 40px;
}
.icon-table-width{
width: 130px !important;
}
.no-padding-right-card{
padding-right: 0px !important;
}
.no-padding-left-card{
padding-left: 0px !important;
}
.grid-scroll{
overflow-x: hidden !important;
}

}


/****************************************** Button Styles ******************************************************************/
.secondary-bg{
	background-color: #2C3E50;
}
.text-secondary{
	color: #451800 !important;
}
.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover {
    color: #2C3E50;
    border-bottom: 3px solid #c77c3c;
	font-family: 'Lato', sans-serif;
	font-size: 1.2rem;
	letter-spacing: .3px;
}
.m-tabs-line a.m-tabs__link, .m-tabs-line.nav.nav-tabs .nav-link {
    background: 0 0;
	color: #a1a1a1;
	font-family: 'Lato', sans-serif;
	font-size: 1.2rem;
	border-bottom: 1px solid #FFF;  /***border-bottom: 1px solid #FFF; ****/
	letter-spacing: .3px;
}
.m-tabs-line .m-tabs__item {
    margin-right: 15px;
    margin-bottom: -1px
}



.form-padding{
	padding: .30rem .6rem !important;
}
.cursor{
	cursor: pointer;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .m-link {
    font-size: 1.1rem;
	color: #5dbfe2 !important;
	font-family: 'Lato', sans-serif;
}


.btn.m-btn--air.btn-default, .btn.m-btn--air.btn-secondary {
/*    -webkit-box-shadow: 0 3px 10px 0 rgba(236,236,236,.17)!important;
    box-shadow: 0 3px 10px 0 rgba(236,236,236,.17)!important;*/
    /*border-color: #ececec!important*/
}
.btn.m-btn--air.btn-default.focus, .btn.m-btn--air.btn-default:focus, .btn.m-btn--air.btn-default:hover:not(:disabled):not(.active), .btn.m-btn--air.btn-secondary.focus, .btn.m-btn--air.btn-secondary:focus, .btn.m-btn--air.btn-secondary:hover:not(:disabled):not(.active) {
   /* -webkit-box-shadow: 0 3px 10px 0 rgba(113,106,202,.26)!important;
    box-shadow: 0 3px 10px 0 rgba(113,106,202,.26)!important;*/
    background: #ececec!important;
    color: #9a9a9a!important;
    border-color: #ececec!important
}
.btn.m-btn--air.btn-default.focus i, .btn.m-btn--air.btn-default:focus i, .btn.m-btn--air.btn-default:hover:not(:disabled):not(.active) i, .btn.m-btn--air.btn-secondary.focus i, .btn.m-btn--air.btn-secondary:focus i, .btn.m-btn--air.btn-secondary:hover:not(:disabled):not(.active) i {
    color: #9a9a9a!important
}
.btn.m-btn--hover-brand:not(.btn-secondary):not(.btn-outline-light) {
    background: 0 0;
    color: #575962
}
.btn.btn-default, .btn.btn-secondary {
   /* background: #C9C9C9;*/
    border-color: #C9C9C9;
}
.btn.btn-default i, .btn.btn-secondary i {
    color: #6f727d
}
.btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .btn.btn-secondary:hover:not(:disabled), .show>.btn.btn-default.dropdown-toggle, .show>.btn.btn-secondary.dropdown-toggle {
    border-color: #ebedf2;
    background-color: #f4f5f8
}
.btn.btn-default.disabled, .btn.btn-default:disabled, .btn.btn-secondary.disabled, .btn.btn-secondary:disabled {
    border-color: #f4f5f8
}
.btn-secondary {
    color: #000000;
    background-color: #ebedf2;
    border-color: #ebedf2
}
.btn-secondary:hover {
    color: #212529;
    background-color: #d4d8e3;
    border-color: #ccd1de
}
.btn-secondary.focus, .btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(235,237,242,.5);
    box-shadow: 0 0 0 .2rem rgba(235,237,242,.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: #ebedf2;
    border-color: #ebedf2
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #ccd1de;
    border-color: #c4cad9
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(235,237,242,.5);
    box-shadow: 0 0 0 .2rem rgba(235,237,242,.5)
}

.m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active>.m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled)>.m-nav__link .m-nav__link-text {
    color: #c16c21
}
.m-nav .m-nav__item>.m-nav__link .m-nav__link-text {
    color: #454545;
    font-weight: 400
}
.alert.m-alert--outline.alert-warning {
    color: #f4516c;
    background-color: #fff;
    border-color: #f4516c;
    font-weight: 400
}
.alert.m-alert--outline.alert-warning .close {
    color: #f4516c
}
.table .thead-light th {
    color: #C16C21;
    background-color: #F9F0E8;
    border-color: #E6E6E6;
    vertical-align: top;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #f4f5f8;
}
tbody .font-weight-bold td{
    background-color:  #fffbf7;
    color: #c16c21;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #E6E6E6;
    color: #000000;
}
tfoot .font-weight-bold {
    background-color: #ffffff;
    color: #333;
}
td .custom-checkbox .custom-control-label{
    vertical-align: top;
}
.table th {
    font-weight: 600 !important;
}



/*********************************************************** Updated css*************************************************************************************/
.sup-color{
    color: red;
}
.project-location{
    border: 2px solid #ce9b68;
    margin-top: 15px;
    padding: 15px;
    border-radius: 5px;
    position: relative;
}
.project-location-absolute{
    color: #ce9b68;
    padding: 0px 10px;
    position: absolute;
    top: -15px;
    font-weight: 600;
    font-size: 16px;
    background-color: #ffffff;
}
.border-none{
    border: none !important;
}
.population-table{
    position: relative;
    border-top: 2px solid #ce9b68;
    padding: 30px 20px 10px 20px;
}
.left-side-move{
    left: -10px;
}
.border-top-relative{
    position: relative;
    /* border-top: 2px solid #ce9b68; */
}
.border-bottom-none{
    border-bottom: none !important;
}
.user-profile{
    background-color: #522506 !important;
    /* opacity: 0.6; */
    padding: 10px 0px !important;
}

.search-box{
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    background-color: #f4f3f8;
}
.search-icon{
    position: absolute;
    right: 15px;
    top: 13px;
}

.clearable {
    position: relative;
    display: inline-block;
    width: 100%;
}
.margin-left-right-0{
    margin-left: 0px;
    margin-right: 0px;
}
.background-color-border{
    border: 1px solid #fff;
    background-color: #fff;
}
.sub-project-link{
    color: #c77c3c;
    font-size: 0.85rem;
}
.dash-comm-division{
    border: 1px solid #dddcdc;
    background-color: #faf9f9;
}
.border-sub-project{
    border: 1px solid  #c77c3c;
}
.margin-bottom{
    margin-bottom: 0px;
}
.hyper-link-color{
    color: #0645AD;
}


@media (min-width:1200px) {
    .height-detail {
        height: 700px;
    }
    .border-right-filter {
        border-right: 1px solid #f2f2f3;
    }
    }
    @media only screen and (min-width : 992px) and (max-width : 1200px) {
        .border-right-filter {
            border-right: none;
        }
        .border-bottom-filter {
            border-bottom: 1px solid #f2f2f3;
        }
    }
    .table-fixed tbody {
        height: 200px;
        overflow-y: auto;
        width: 100%;
       }


#load {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: url(../images/loader3.gif) no-repeat center center rgba(0, 0, 0, 0.25)
}

.responsive-text td {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.filter-border-color{
    border-top: 1px solid #f2f2f3!important;
}
.table-checkbox-cell{
    width: 70px;
}

.table-cell3{
    width: 50px;
}
.table-bordered-fixed td, .table-bordered-fixed th {
    border: 1px solid #ddd;
    border-bottom: none;
    border-right: none;
}

.pagination_dropdown{
    width: 50px;
height: 26px;
margin-left: 10px;
}
/******* Durga Update ******/
.project-location-text{
    color: #ce9b68;
    font-weight: 600;
    font-size: 16px;
}
.read-page-highlight-color{
    color: #3f4047 !important;
}
.accordion-border{
    border: 1px solid #deaf87;
}
.accordion-card-border{
    border: 1px solid #deaf87;
    border-radius: 5px;
}
/* .m-portlet .m-portlet__body {
    padding: 0rem 1.2rem 1.2rem 1.2rem !important;
} */
.dashboard-inner-card{
    padding: 10px 10px 10px 10px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    vertical-align: middle;
    color: #c16c21;
}
.dashboard-ugx{
    /* color: #a59b77; */
    color: #a2a2a2 !important;
    font-size: 1.1rem;
    font-weight: 500;
    /* padding: 10px 10px 0px 10px; */
}
.count{
    top: 0px;
    right: 15px;
    width: 115px;
    position: absolute;
    background-color: #f4e4d7;
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    vertical-align: middle;
    color: #c16c21;
    border-radius: 0px 5px 0px 0px;
}
.dashboard-ugx-value{
    /* color: #a59b77; */
    color: #757575;
    font-size: 1.1rem;
    font-weight: 500;
    /* padding: 10px; */
}
.custom-no-paddingR {
    padding-right: 0px
}
.custom-no-paddingL {
    padding-left: 0px
}
.footer-fixed{
    position: fixed;
    bottom: 0px;
    z-index: 1;
    /**width: 100%;**/
    /* outline: 20px solid #f2f3f8; */
}
.side-menubar{
    margin-top: -10px !important;
}
.arrow-fontsize{
    font-size: 1.8rem !important;
}
.alternative-row > tr:nth-child(even) {
    background-color: #FDF6EC;
}


.nunito-font{
    font-family: 'Nunito Sans', sans-serif !important;
}

/* Table Header and left sub header Fixed */

.fixed-table {
    position: relative;
    width: 1530px;
    background-color: #fcfcfc;
    /* background-color: #aaa; */
    overflow: hidden;
    border-collapse: collapse;
  }


  /*thead*/
  .fixed-thead {
    position: relative;
    display: block; /*seperates the header from the body allowing it to be positioned*/
    width: 1530px;
    overflow: visible;
  }

  .fixed-thead th {
    min-width: 120px;
    height: 100px;
    border: 1px solid #dddddd;
    color: #575962;
    background-color: #f4f3f8;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
  }

  .fixed-thead th:nth-child(1) {/*first cell in the header*/
    position: relative;
    display: block; /*seperates the first cell in the header from the header*/
    /* background-color: #88b; */
    color: #575962;
    background-color: #f4f3f8;
    min-width: 200px;
  }


  /*tbody*/
  .fixed-tbody {
    position: relative;
    display: block; /*seperates the tbody from the header*/
    width: 1530px;
    height: 480px;
    overflow: scroll;
  }

  .fixed-tbody td {
    background-color: #fcfcfc;
    min-width: 120px;
    border: 1px solid #dddddd;
  }

  .fixed-tbody tr td:nth-child(1) {  /*the first cell in each tr*/
    position: relative;
    display: block; /*seperates the first column from the tbody*/
    /* height: 60px; */
    background-color: #fcfcfc;
    min-width: 200px;
    padding: 10px;
  }
  .title-row td{
    background-color: #f5f5f5 !important;
  }
  .title-text{
    font-weight: 500;
    font-size: 15px;
    color: #ac6012;
  }
  .alter-display{
      display: none;
  }
  .font-color-dashboard{
      color: #c16c21;
  }
  .print-title-background{
    color: #c16c21 !important;
    background-color: #f4e4d7 !important;
  }


/******* Durga Update ******/



.D-Head h5{ color: #a85e2d; font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; text-transform: uppercase;  }
.D-Card{ background-color: #f6b88f; border-radius: 5px; text-align: center; height: 100px }
.D-Card h5{ color: #0a0b05; font-size: 1rem; font-weight: 600; padding-top: 30px !important }
.D-Card h4{ color: #c95a13; font-size: 1.2rem; font-weight: 600 }

.DA-Card{ background-color: #feeaab; border-radius: 5px; text-align: center; height: 100px }
.DA-Card h5{ color: #0a0b05; font-size: 1rem; font-weight: 600; padding-top: 30px !important }
.DA-Card h4{ color: #805f00; font-size: 1.2rem; font-weight: 600 }

.DS-Card{ background-color: #fbf2eb; border-radius: 5px; height: 100px }
.DS-Card h5{ color: #0a0b05; font-size: 1rem; font-weight: 600; padding-left: 15px }
.DS-Card h4{ color: #a59b77; font-size: 1.2rem; font-weight: 600; padding-left: 15px; margin-top: 35px }
.DS-Card h3{ color: #00b04d; font-size: 1.2rem; font-weight: 600; padding-left: 15px; margin-top: 27px }



/******* Khader Update ******/

.login__head {
    font-size: 24px;
    color: #333333;
    margin-top: 1rem;
    font-weight:bold;
    margin-bottom: 1.5rem;
}
.nav-login.nav-pills, .nav.nav-tabs {
    margin-bottom: 30px;
}
.nav-login.nav-pills .nav-item, .nav-login.nav-tabs .nav-item {
    margin-right: 11px!important;
    background: #F3F3F3!important;
    text-align: left;
    flex: initial;
    min-width: 126px;
}
.nav-login.nav-pills .nav-link, .nav-login.nav-tabs .nav-link {
    color: #111111;
    font-weight:600;
}
.nav-login.nav-pills .nav-item.dropdown.show>.nav-link, .nav-login.nav-pills .nav-link.active {
    color: #fff;
    box-shadow: 3px 9px 12px #30160840;
    border-radius: 5px;
    opacity: 1;
}
.nav-login.nav-pills .nav-item.dropdown.show>.nav-link, .nav-login.nav-pills .nav-link span {
    display:block;
    text-align: left;
    font: Light 10px/16px Poppins;
    letter-spacing: 0;
    color: #5E5E5E;
    opacity: 1;
}
.nav-login.nav-pills .nav-item.dropdown.show>.nav-link, .nav-login.nav-pills .nav-link.active span {
    display:block;
    text-align: left;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 0.48;
    line-height:25px;

}
.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control {
    color: #666666;
    background: #fff;
    border: 1px solid #D2D2D2!important;
    border-radius: 5px;
    height: 45px;
}
.btn-login {
    background:#ED9622;
    border-color:#ED9622;
    box-shadow:none!important;
    height: 40px;
    color: #fff;
    border-radius: 5px!important;
}
.btn-login:hover {
    background:#ED9622;
    border-color:#ED9622;
}
.login-C span,.login-C span a {
    color: #ED9622;
    text-transform: uppercase;
    font-weight: 600;
}
.m-login__signup-link {
    text-align:center;
    padding-top:15px;
    float:left;
    width:100%;
    color:#333333;
    font-weight:600;
}
.m-login__signup-link a {
    color:#ED9622;
}
.footer-logo {
    position: relative;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    text-align:center!important; background:#fff;
}
.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__head .m-login__title {
    font-size: 24px;
    color: #333333;
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-weight:bold;
    text-align:left;
}
.m-login__form-button {
    float: left;
    width: 100%;
    /*margin-bottom: 100px!important;*/
}

/* Sign Up Form Styles */
.btn-clear {
    background: #B5B5B5!important; width:40%;
    color:#fff;
}
.btn-signup {
    background: #ED9622 !important;
    color:#fff; width:59%; margin-left:1%;
}
.form-control-select {
    padding: .70rem 1.15rem!important;
}
.m--captcha {
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
}
.g-recaptcha div{
    text-align: center;
    margin: 0 auto;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation:portrait) {
/*.footer-logo {
    position: fixed;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    text-align:center!important;
}  */
.nav-login.nav-pills .nav-item, .nav-login.nav-tabs .nav-item {
    margin-right: 4px!important;
}
.login-rgt {
    top: auto;
    transform: initial;
    height: 100vh;

}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/*.footer-logo {
    position: fixed;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    text-align:center!important;
}*/
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
/*  .footer-logo {
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
    text-align:center!important;
} */
}
@media only screen and (min-device-width : 1024px) {
.kt-scroll {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
}
.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .form-control.is-invalid {
    border: 1px solid #fd397a!important;
}

.login-lft-signup {
    top: auto!important;
    transform: initial!important;
    height: 100%;
}
.login-rgt-signup {
    top: auto!important;
    transform: initial!important;
}
/******* Khader Update ******/


/******  signup update *******/
.display_none{
display: none;
}
/******  signup update *******/


/***** breadscrum **************/
.bg-green{ background-color: #301608 !important; }
.m-btn.m-btn--outline-2x { border-width: 3px; }
.color-white{ color: #FFF }

.mr{ margin-right: 0px !important; }
.pt{ padding-top: 0px !important }
.wel{ padding: 8px 0px 0px 15px; color: #301608 }
.m-aside-left.m-aside-left--skin-dark { background-color: #301608; }
.wel-txt{ font-size: 11px; margin-top: -7px }

/*******breadscrum **********/


/***Card Design ******/
.card-backgroud{
background-color: #ffffff;
box-shadow: 0px 3px 10px #30160814;
border-radius: 2px;
padding: 15px;
}
.card-text-1{
font-size: 16px;
color: #301608;
}
.card-text-2{
font-size: 24px;
color: #301608;
}
.card-2-margin{
margin-right: 35px;
}
/***** Card Design ***/

/*****alert button****/
.swal2-popup .swal2-styled.swal2-confirm {

    border: 0;
        border-right-color: currentcolor;
        border-left-color: currentcolor;
    border-radius: .25em;
    background: initial;
        background-color: initial;
    background-color: #C16C21 !important;

color:

    #fff;
    font-size: 1.0625em;

}
/**** alert button ***/

/*******Label color****/
.lable-color{
color: #5E3007 !important;
}
/****** Label Color****/

/****filter card***/
.card-body{
background-color: #ffffff;
}
.portlet-overall-background{
background-color: #ffffff;
box-shadow: 0px 0px 6px #3016081A;
}
/****filter Card****/


/****margin-bottom***/
.m-portlet {
    margin-bottom: 20px;
}
/**** marign-bottom***/

/***table***/
.table-title{
background-color:#F9F0E8;
padding: 10px 15px;
font-family: 'Lato', sans-serif;
font-weight: 600;
font-size: 1.1rem;
color:#C16C21;
}
/***table***/

/**manage-location***/
.margin-tab{
margin-bottom: 0px !important;
margin-left: 15px;
}

/*** manage0location***/

/***dashboard-page***/
.margin-btn-top{
margin-top: 7px !important;
}
/****dashboard-page***/


/****icon***/

.la-eye{
color: #5E3007;
}
.icon-color{
color: #5E3007;
}
/***icon***/

/***link***/
.link-color{
border-bottom: 1px solid #D86B31;
}
/****link***/


/****Search Key***/
.has-search .form-control {
    padding-left: 3.375rem;
    border-radius: 16px;
}

.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 3.375rem;
height: 2.375rem;
line-height: 2.50rem;
text-align: center;
pointer-events: none;
color:#aaa;
font-size: 18px;
transform: scaleX(-1);
}


/***Search Key***/


/****pagination***/

#select2-pagination_dropdown-container {
color: #c16c21;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before {

    color: #c16c21;

}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color:#999999;
background-color: #fff;
    border: 1px solid transparent;
margin-right: 2px;
margin-left: 2px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #c16c21;
background-color: #c16c21;
background-color: transparent;
border: 1px solid #c16c21;
}

.for-backward-icon{
color: #000000;
}

.page-item.active .page-link {
    z-index: 1;
    color: #c16c21;
background-color:transparent;
border: 1px solid #c16c21;
}

.forgot-page{
color: #ed9622;
font-weight: 600;
}
.login-footer{
background: transparent;
border: none;
}
/***pagination***/


/***sigup Page**/
.sigup-background{
background-color:#F3F1F0;
}
.signup-title{
font-size: 24px;
color:#301608;
font-weight: bold;
margin-bottom: 1.5rem;
}
.signup-button{
border-top: 1px solid #3016081A;
margin-top: 20px;
}
.clear-btn{
background:#ffffff;
border-color:#301608;
box-shadow: none !important;
height: 40px;
color:#301608;
border-radius: 5px !important;
}
.margin-card{
margin: 60px 45px 40px 45px;
}
.singuptitle-container {
    background-color: #1E0B01;
    padding: 15px;
}
.signup-footer{
background-color:#fff;
box-shadow: 0px 0px 6px #00000029;
height: 80px;
}
.card-height{
height: auto;
overflow: auto;
}
/***sigup page**/

/****About-us-title****/
.aboutus-container{
background-color:#fff;
}
.aboutus-title{
padding: 15px 15px 10px 15px;
border-bottom: 1px solid #3016081F;
font-size: 18px;
color: #301608;
font-weight: bold;

}
.sub-title{
font-weight: 600;
color: #ED9622;
font-size: 14px;
margin-bottom: 5px;
}
.profile-hover-color{
color: #301608 !important;
}
.search-keyword{
padding: 10px !important;
border: 1px solid #E4E4E4 !important;
width: 100% !important;
border-radius: 50px !important;
}
.text-color{
color: #301608;
}
.ol-div{
margin-left: -35px;
margin-top: 15px;
margin-bottom: 15px;
}
.card-title {
            font-size: 18px;
            font-weight: bold;
        }

.border-title{
border-bottom: 1px solid #D2D2D2;
}
.user-title{
font-size: 18px;
font-weight: 600;
}
.user-role{
font-size: 14px;
font-weight: 600;
color: #ED9622;
}
.flag-border{
border-bottom: 3px solid #FFD500;
}
/****About-us-title***/
.user-header{
color:#301608;
font-size: 18px;
font-weight: 600;
}
.user-role{
color:#ED9622;
padding-top: 5px;
font-size: 14px;
font-weight: normal;
}
.flag-top{
border-bottom: 3px solid #301608;
margin-left: -15px;
margin-right: -15px;
}
.flag-middle{
border-bottom: 3px solid #FFD500;
margin-left: -15px;
margin-right: -15px;
}
.flag-bottom{
border-bottom: 3px solid #D86B31;
margin-left: -15px;
margin-right: -15px;
}
.margin-0-lft-ryt{
margin-left: 0px;
margin-right: 0px;
}
.icon-padding-left{
padding-left: 5px !important;
}
.icon-padding-right{
padding-right: 5px !important;
}
.width-search-col{
width: 100px;
}
.no-borderbox{
box-shadow: none !important;
}
.no-margin-top{
margin-top: 0px !important;
}
.icon-width{
max-width: 25px !important;
}
.icon-padding{
padding: 0px 0px 0px 40px !important;
}
.multi-user-td{
padding: 0px !important;
}
.multi-user-first-div{
padding: 10px;
}
.multi-user-scnd-div{
padding: 10px;
border-top: 1px solid #E6E6E6;
}
.two-icon{
padding-left: 20px !important;
padding-right: 20px !important;
width: 100px;
}
.m-popover.popover .popover-header {
    padding: 15px 15px 0px 15px;
}
.one-icon{
padding-left: 30px !important;
padding-right: 20px !important;
width: 70px;
}
.m-checkbox > span {
    border: 1px solid #c16c21;
}
table tr th{
white-space: nowrap !important;
}
.search-width{
width: 100px !important;
}
.three-icon{
padding-left: 20px !important;
padding-right: 20px !important;
width: 200px;
}
.disable-img{
opacity: 0.4;
}
.disable-pointer{
pointer-events: none !important;
}
.card-background{
background-color: #ffffff;
}

.search-input{
    width: 100% !Important;
}
.long-txt{
    overflow: hidden !important;
    max-width: 200px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.long-txt1{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.long-txt2{
    overflow: hidden !important;
    max-width: 300px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}