@charset "utf-8";

.f-lato {
    font-family: 'Lato', sans-serif;
}

.f-Raleway {
    font-family: 'Raleway', sans-serif;
}

.main-bg {
    background: #585858
}

.d-widget1{
    background: #2678e8
}
.d-widget2{
    background: #30abdf
}
.d-widget3{
    background: #efa72b
}
.d-widget1:hover, .d-widget3:hover, .d-widget2:hover{
       
}

.tbale-h-bg {
    background: #663333;
}

.icon-color {
    color: #00171F
}

textarea {
	resize: none;
    border:1px solid #d2d6de; padding:7px;
}

.d-fleximg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.btn-default {
    background: #F26419;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding: 17px 21px;
    font-weight: 100;border:none; border-radius:0px;

}

.select2-container .select2-choice{ font-size:14px;}

    .btn-default:hover, .btn-default:active, .btn-default.hover {
        /*border:1px solid #F69C6C;*/
        color:#fff;
        background-color:#747474;
         /*letter-spacing: 1px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
        transition: all 0.4s ease 0s;
        width:130px;*/
    }

.btn-white {
    background: #454545;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding: 17px 30px;
    font-weight: 100;
    /*box-shadow: 0 6px 6px -6px rgba(0,0,0,0.57);*/
    border-bottom: 1px solid #fff;
    
}
.btn-size{ width:140px;}

    .btn-white:hover {
        background: #777777;
        color: #fff;
        /*border-bottom: 1px solid #777777;*/
        /*letter-spacing: 1px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
        box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
        transition: all 0.4s ease 0s;
        width:130px;*/
    }

p {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif !important;
    color: #00171F;
    font-weight: 500;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-19 {
    font-size: 19px;
}

.f-20 {
    font-size: 20px !important;
}
.f-28 {
	font-size: 28px;
}
.f-47 {
    font-size: 47px;
}

.f-bold {
    font-weight: bold
}

.f-medium {
    font-weight: 500
}

.fFirstColor {
    color: #00171F;
}

.fSecondColor {
    color: #990033;
}

.fthirdColor {
    color: #aeaeae
}

.fwhite {
    color: #fff;
}
.greencolor {
    color: #a6cd86;
}
.flitegary {
    color: #aeaeae
}

.br-color {
    border-color: #990033;
}

svg.icon_menu {
    fill: #595660
}

.bgwhite {
    background: #fff
}

.bggrayrgb {
    background:rgba(0, 0, 0, 0.6);
}
.bluebg {
    background: #325477
}

.bggray {
    background: #f4f4f4
}

.pl-0 {
    padding-left: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.pt-30 {
    padding-top: 30px
}

.w-100 {
    width: 100%;
}

.w-20 {
    width: 20%;
}

.w-40 {
    width: 40%;
}

.h-90 {
    height: 90% !important
}

.w-88 {
    width: 88%;
}
.Blue-color {color:#2678e8;}
.Green-color{ color:#30abdf;}
.Red-color{color:#efa72b;}
.cropGreen-color{color:#84b74e;}



.box-shadow{box-shadow: 0 1px 2px 0px #666;}
.borderboxbottom{border-bottom: 1px solid rgba(0,0,0,0.5)}
.reservationcenter{ position:absolute; left:0; right:0; top:15px;}
.bottomarrow {position: absolute;bottom: -11px;left: 0px;right: 0; text-align:center;}
.rightssection {position: absolute;right: 12px;	top: 12px;z-index: 111; font-size:14px;}


.position-relative {
    position: relative
}

h3 {
    color: #585858;
    font-size: 16px;
    font-weight:normal;
    margin-top: 0;
}

.pctxtcolo {
    color: #585858;
   
}

.tabletcolo {
    color:#aaaaaa;
}

.pctxtcolobg {
    background: #2678e8;
    border-radius: 2px 0px 0 0px;
}

.pctxtcolobgone {
    background: #30abdf;
    border-radius: 0px;
}

.crusor {
	cursor: pointer;
}

  
.mobiletxtcolorbg {
    background: #efa72b;
     border-radius: 0 2px 0 0;
}
.mobiletxtcolor {
    color: #8e8e8e;
}

.yeartxtcolor {
    color: #000000
}

.login-status {
    color: #000;
    float: right;
    margin: 15px;
}

    .login-status h4 {
        color: #585858;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        font-family: 'Lato', sans-serif;
    }

.signout {
    font-size: 21px;position:relative;
}

.navbar-nav > li > a {
    padding: 28px 18px;
}
.navbar-nav > li > a:hover {

    color: #fff;
}

.main-header .sidebar-toggle {
     background-image: none;
    border-radius: 50px;
    float: left;
    font-family: fontAwesome;
    height: 30px;
    margin: 25px 10px;
    padding-top: 2px;
    text-align: center;
    width: 30px;
    color: #00171F;;
    line-height:25px;
    font-size:21px;
}


.main-header .logo{ padding:0px;}
.main-header, .skin-blue .main-header .logo {
    height: 80px;
}

    .main-header .logo .logo-lg {

    }

    .main-header .logo .logo-lg img{ padding:4px 15px;}


.main-header .logo .logo-mini img{ padding:25px 10px;width: 73px;}

.wrapper, .main-sidebar, .left-side {
    background: #fff;
}

.sidebar-menu > li > .treeview-menu {
    background: #fff none repeat scroll 0 0;
    margin: 0px 1px;
}

.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {   
    /*color: #009DBA;*/
    background:#fff;
}

.sidebar a {
    color: #00171F;
    font-weight: 100;
    font-size: 15px;
}

.sidebar-menu .treeview-menu > li > a {
    color: #00171F;
    font-weight: 100;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
}

.sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover {
        color: #0098A7;
}

.sidebar-menu > li {
    border-bottom: 1px solid rgba(230, 209, 215, 0.5);
}

.treeview .fa-cart-plus:before {
    content: "+";
    font-size: 25px;
    font-style: normal;
}

.treeview.menu-open .fa-cart-plus:before {
    content: "\2013";
    font-size: 25px;
    display: inline-block;
    margin-top: -3px;
    font-style: normal;
}

.treeview-menu {
    padding: 10px 0px 10px 5px;
}

.logo-mini > img {
    padding: 21px 0;
}

.icon_menu {
    height: 25px;
    vertical-align: middle;
    width: 25px;
    padding-right: 5px;
    margin-top: -5px;
}

.sidebar-menu > li:hover > a .icon_menu, .sidebar-menu > li.active > a .icon_menu, .sidebar-menu > li.menu-open > a .icon_menu {
    fill: #0098A7; 
}

.small-box .inner span {
    line-height: 23px;
    padding: 15px 0;
}

.icon_widgate {
    fill: rgba(255, 255, 255, 0.1);
    height: 70px;
    width: 68px;
}

.addlist_view {
    float: right;
    margin-top: 10px;
}

.addlist_icon {
    fill: #fff;
    height: 30px;
    width: 30px;
}

.addlist_view li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 10px;
    vertical-align: text-top;
}

    .addlist_view li label {
        display: block;
        text-align: center;
        margin-bottom: 0px;
        cursor: pointer;
    }

    .addlist_view li a {
        font-size: 9px;
        color: #fff;
        font-weight: 600;
    }

.table.table-striped thead > tr > th {
    background: #009DBA;
    color: #fff;
    text-align: center;
}

.table.table-striped tbody > tr > td {
    text-align: center;
    vertical-align: inherit;
    border: 0px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: none;
}

.icon_table {
    height: 20px;
    vertical-align: middle;
    width: 21px;
    fill: #585858
}
.icon_table.fillwithe {
    fill: #fff;
}


.table-striped > tbody > tr.trbg {
    background: #eeeeee;
}

.tabledshboard tbody tr.bggray {
    background: #f4f4f4;
}

.olineuser.d-widget2 {
    display: inline-block;
    padding: 30px;
    width: 100%;
    margin-bottom: 28px;
}

.onlineuser_txt {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    vertical-align: super;
    width: 75%;
}

.screen-size .showSingle {padding: 4px 12px;display: inline-block;text-align: center;cursor: pointer;border: 1px solid #000;}
.showSingle .icon_table.fillwithe {fill: #000;}
.screen-size .showSingle.active,.screen-size .showSingle:hover{ background:#009DBA;border: 1px solid #009DBA;}
.showSingle.active .icon_table.fillwithe, .showSingle:hover .icon_table.fillwithe {fill: #fff;}


.d-none {
    display: none
}

.reviews {
    height: 100%
}

.navbar {
    display: block;
    padding: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 4px solid #990033;
    border-right: 0px;
    border-left: 0;
    border-top: 0px;
}
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
	color: #0098A7;
	background: #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-bottom: 4px solid #990033;
    border-right: 0px;
    border-left: 0;
    border-top: 0px;
}

.nav-tabs .nav-link {
    border-bottom: 4px solid #fff;
    border-right: 0px;
    border-left: 0;
    border-top: 0px;
    border-radius: 0px;
}

.nav-tabs {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1px;
}

.maximziebtn, .minimizebtn {
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer;
}

    .maximziebtn.bottom, .minimizebtn.bottom {
        bottom: 10px !important;
        position: absolute;
        right: 8px;
        top: inherit;
        cursor: pointer;
    }

.reviewtxt {
    padding: 10px 15px 20px;
    border-bottom: 1px solid #eeeeee;
}

    .reviewtxt span {
        font-size: 15px;
        font-weight: 500;
        color: #000000;
        
    }

.reply_sec > a {
    border: 1px solid #eeeeee;
    color: #990033;
    font-size: 11px;
    padding: 2px 7px 2px 10px;
   
}

.reply_sec {
    display: inline-block;
    height: auto;
    text-align: right;
    width: 100%;
}

.panel-actions {
    margin-top: -20px;
    margin-bottom: 0;
    text-align: right;
}

    .panel-actions a {
        color: #333;
    }

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.content-wrapper {
    background-color: #eeeeee;
    margin-top:80px;
}

.fullscrenD {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0;
    height: 100%;
}
/*---------Change password css start---------*/
.change-password {
    padding: 38px 42px;
}

    .change-password h3 {
        margin-bottom: 28px;
    }

    .change-password .form-group .form-control {
        height: 48px;

    color: #000;
    font-size: 18px;
        border-radius: 3px;
    }

change-password .form-group {
    margin-bottom: 28px;
}

.form-group label {
	font-size: 15px;
	line-height: 15px;
	color: #000;
	font-weight: 400;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #fbfbfb;
    opacity: .5;
}

.change-password .btn-default {
    margin-top: 10px;
    margin-bottom: 30px;
    float: right;
}

.form-control.form-control-danger:focus {
    border-color: #dd2e44;
}

.form-control.form-control-success {
    border-color: #91c854;
}

.ps-conform-text1 {
    color: #dd2e44;
    font-size: 13px;
    position: absolute;
    top: 42px;
    right: -152px;
}

.ps-conform {
    position: relative;
}

    .ps-conform .ps-conform-text {
        position: absolute;
        content: '';
        background: url(/Content/Admin/images/circle_valid.png) no-repeat scroll left 0px center;
        width: 21px;
        height: 38px;
        top: 33px;
        right: -33px;
    }

.passworw-match-box {
    width: 340px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
    padding: 20px 20px 6px 20px;
    position: absolute;
    top: -100%;
    left: 100%;
}

    .passworw-match-box:after {
        position: absolute;
        content: '';
        background: url("/Content/Admin/images/box-after.png") no-repeat scroll left 0px center;
        width: 21px;
        height: 38px;
        top: 107px;
        left: -21px;
    }

.circleinvalid {
    background: url("/Content/Admin/images/circle_invalid.png") no-repeat scroll left 0px center;
}

.circlevalid {
    background: url("/Content/Admin/images/circle_valid.png") no-repeat scroll left 0px center;
    color: #91c854;
}

/*  animated button */

.loading-btn-wrapper {
  display: inline-block;
  width: 206px;
  height: 40px;
  text-align: center;
  float: right;
  transition: all 0.4s ease 0s;
   margin-top: 10px;
}
    /*.loading-btn-wrapper:hover {
        width: 226px;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    }*/
.loading-btn {
   
    margin-bottom: 30px;
   font-size: 18px;    
    padding: 26px 0;
    line-height: 18px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #F26419;
    border: 0;   
    cursor: pointer;
    transition: all .33s ease-in-out;
    border-radius: 0px;
   
    
}
.loading-btn__text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #fff;
	transition: inherit;
}

.loading-btn.GreenSucess {
    background:#91c854;
}
.loading-btn:hover {
  background: #F69C6C;  

}
.loading-btn:hover .loading-btn__text {
        color:#fff;
        /*letter-spacing: 1px;*/

transition: all 0.4s ease 0s;
}
.loading-btn, .loading-btn:focus {
  outline: none;
}
.loading-btn--pending, .loading-btn--success, .loading-btn--fail, .loading-btn.GreenSucess {
  pointer-events: none;
  cursor: default;
}
.loading-btn--pending .loading-btn__text, .loading-btn--success .loading-btn__text{
  opacity: 0;
}
.loading-btn--pending:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  height: 28px;
  width: 28px;
  border: 3px solid rgba(255, 255, 255, 0.33);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: loading-btn--fade-in .33s ease, loading-btn--rotation .66s linear 0s infinite;
          animation: loading-btn--fade-in .33s ease, loading-btn--rotation .66s linear 0s infinite;
}
.loading-btn--success, .loading-btn--success:hover {
  background: #8bc34a;
}
.loading-btn--success:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  height: 20%;
  width: 12%;
  border: 3px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-transform: translate(-50%, -75%) rotate(-45deg);
          transform: translate(-50%, -75%) rotate(-45deg);
  -webkit-animation: loading-btn--fade-in .6s ease;
          animation: loading-btn--fade-in .6s ease;
}

.media-body .select2-container .select2-choice {
	padding-top: 0px;
}

.rotateAnticlockwise {
	transform: rotateY(180deg);
}
 /*---------radio button css ---------*/

    .border-radius {
	border: 2px solid #c0b2a1;
	border-radius: 15px;
}

  .beige-bg strong{ font-size:17px;}
  .f-17{ font-size:17px;}
  .admincareers{ font-family: 'Lato', sans-serif;}
    .admincareers p{ font-family: 'Lato', sans-serif !important; font-weight:400;}
    .admincareers p span{ font-family: 'Lato', sans-serif !important; font-weight:400;font-size:17px !important;}
.list__item {
	position: relative;
	list-style-type: none;
	display:inline-block;
}
.list__item:hover label {
  color: #0098A7;
}
.list__item:hover .label::before {
  border: 7px solid #0098A7;
 
}
.radio-btn {
  position: absolute;
  visibility: hidden;
}
.radio-btn:checked ~ .label {
  color: #0098A7;
}
.radio-btn:checked ~ .label::before {
  border: 7px solid #0098A7;
  background: #F8F7FF;
}
.label {
  display:flex;
  align-items: center;
  padding: 25px 0 25px 4px;
  color: #595660;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.25s linear;
}
.label::before {
	display: block;
	content: '';
	border: 1px solid #000;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	transition: all .25s linear;
    background: #fff;
}
/*---------radio button cssend ---------*/
/**
 * Animations
 */

@-webkit-keyframes loading-btn--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading-btn--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes loading-btn--rotation {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loading-btn--rotation {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

.offertabs .nav-tabs .nav-item.show .nav-link, .offertabs .nav-tabs .nav-link.active {
	background: url("/Content/Admin/images/createuser_iconhover.png") no-repeat scroll top 5px center;
	padding: 54px;
    border-bottom: 0px solid #990033;
}
.offertabs .nav-tabs .nav-link {
	background: url("/Content/Admin/images/createuser_icon.png") no-repeat scroll top 5px center;
	padding: 54px;
    border-bottom: 0px solid #990033;
}

.offertabs .nav-tabs .nav-item.show .regular .nav-link, .offertabs .nav-tabs .regular .nav-link.active {
	background: url("/Content/Admin/images/createuser_iconhover1.png") no-repeat scroll top 5px center;
	padding: 54px;
    border-bottom: 0px solid #990033;
}
.offertabs .nav-tabs .regular .nav-link {
	background: url("/Content/Admin/images/createuser_icon1.png") no-repeat scroll top 5px center;
	padding: 54px;
    border-bottom: 0px solid #990033;
}
/**
 * Optical stuff - has nothing todo with button animation.
 */
/*---------Change password css end---------*/

/*---------Add pakages css start ----------*/
.section-content {
   padding: 38px 42px;
}

    .section-content .breadcrumb {
        padding: 0;
    }

.panel-body {
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.37);
    background: #fff;
    padding: 30px;
    border-radius: 3px;
}

.breadcrumb-item a {
    color: #00171F;
}

    .breadcrumb-item a:hover {
        color: #585858;
    }

.breadcrumb-item.active {
    color: #a19da9;
}

.media-left {
    margin-right: 7px;
}

    .media-left img {
        max-width: 100%;
        width: 100%;
    }

.media-body h4 {
    color: #000;
    margin-bottom: 12px;
    margin-top: 14px;
}

.expend {
    margin-bottom: 9px;
}

.media-body p.f-15 {
    font-family: "Lato";
    line-height: 15px;
}

.media-body p.f-14 {
    line-height: 17px;
}

.media.mb-1 {
    border: 1px solid #dfcad0;
    margin-bottom: 20px !important;
}

a.expend-btn {
    background: #eeeeee;
    padding: 7px 13px;
    font-size: 11px;
    color: #585858;
    border-radius: 3px;
}

    a.expend-btn i {
        font-size: 22px;
        vertical-align: middle;
        height: 23px;
        margin-left: 4px;
    }

a.collapse-btn {
    background: #eeeeee;
    padding: 7px 13px;
    font-size: 11px;
    color: #585858;
    border-radius: 3px;
}

    a.collapse-btn i {
        font-size: 22px;
        vertical-align: middle;
        height: 23px;
        margin-left: 4px;
    }

.media-body {
    padding-right: 24px;
}

.right-icons {
    list-style: none;
}

    .right-icons li {
        display: inline-block;
        vertical-align: middle;
    }

.btn-toggle.btn-secondary.active {
    background-color: #83b846;
}

.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2rem;
    width: 3.5rem;
    border-radius: 1.5rem;
}

    .btn-toggle.btn-sm.active > .handle {
        left: 2rem;
        transition: left .25s;
    }

    .btn-toggle.btn-sm > .handle {
        position: absolute;
        top: 0.45rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left .25s;
    }

    .btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm.btn-sm:before {
        left: 1.5rem;
    }

    .btn-toggle.btn-sm:before {
        content: 'Off';
        left: -0.5rem;
        opacity: 1;
    }

    .btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
        line-height: 1.5rem;
        width: 0.5rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.55rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0.19rem;
        transition: opacity .25s;
    }

    .btn-toggle.btn-sm.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-sm.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm:after {
        content: 'On';
        right: -0.5rem;
        opacity: .5;
    }

.right-icons li:first-child {
    margin-right: 12px;
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}


.right-icons li:last-child {
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
}
.right-icons li:nth-child(3) .form-control {
    height: 32px;
    width: 44px;
    padding: 0;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 20px;
}

.right-icons li:nth-child(4), .right-icons li:nth-child(5) {
    height: 32px;
    padding: 2px 10px;
}

input {
    outline: none;
}
.right-icons li:nth-child(4) {
    border: 1px solid #ddd;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; margin-right:-3px;
    background:#fff;
}

.right-icons li:nth-child(5) {
    border: 1px solid #ddd;
    margin-left: -3px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background:#fff;
}

.right-icons li a {
    color: #00171F;
    font-size: 18px;
}

    .right-icons li a:hover {
        color: #585858;
    }

.addnew_package {
    border: 1px solid #ccc;
    padding: 3rem 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.addpackage_icon {
    height: 50px;
    width: 50px;
}

.addnew_package:hover svg {
    transform: rotate(360deg);
    transition-duration: 5s;
}

.addnew_package:hover p {
    color: #585858;
}


.edit_icon_txt:hover svg {
    transform: rotate(360deg);
    transition-duration: 5s;
}

.edit_icon_txt:hover p {
    color: #585858;
}


.note.needsclick {
    display: inline-block;
    font-family: lato;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    width: 200px;
}

.ranksec .select2-container .select2-choice, .packagelist .select2-container .select2-choice {
    height: 40px;
}

.ranksec_managepck .select2-container .select2-choice {
    height: 32px;
}

.addnewpackage_pop {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dfcad0;
    margin: 0px 0 20px;
    padding: 20px;
    position: relative; 
}

.addimages {padding: 0.44rem 0.75rem !important;
}

/*---------Add pakages css end ----------*/


/*--------------dropjone------------------------*/
.dropzone {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #c7b299;
    border-radius: 0;
}

.dz-message.needsclick {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
}
.imgCropCancel {
 background:#eeeeee ; 
}

/*--------------manage package------------------------*/

.packagelist.w-100 {
    border: 1px solid #dfcad0;
}

.rank_edit.w-100 {
    border-top: 1px solid #dfcad0;
    display: inline-block;
    margin-top: 10px;
    padding-top: 18px;
    width: 100%;
}

.canera_icon {
    bottom: 10px;
    fill: #fff;
    height: 30px;
    padding-right: 5px;
    position: absolute;
    right: 10px;
    vertical-align: middle;
    width: 30px;
}

.expend a:hover {background: #ccc;}


packagelist .dropzone {
    height: 274px;
}
.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {display: none;}
.hover-img img:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.btn-postion {position: fixed;bottom: 25px; z-index:25; display:flex;margin-left: -5.5%;}   
.btn-postion .form-group{ width:100%; margin-left:calc(-190px)}
.add-btn{ padding:13px 20px; background:#454545}
    
/*.field { position: relative;}
.field label::before { content: attr(title1);  position: absolute;  top: 0px;  left: 15px;  line-height: 45px; color: #808080; font-size: 14x;  transition: 300ms all;   font-family: 'Lato', sans-serif;}
.field input:focus {outline: 0; border-color: #3c8dbc;}
.field input:valid + label::before {content: attr(data-title1);}
.field input:focus + label::before {color: #3c8dbc;}
.label-before, .field input:focus + label::before, .field input.valid + label::before {  border-radius:3px;  line-height: 20px; font-size: 14px;   top: -10px;  background: #fff;   padding: 0 6px;  color: #808080;  left: 9px;}
.field input + label.topfixd::before {line-height: 20px; font-size: 14px;   top: -10px;   background: #fff;   padding: 0 6px;   color: #808080;  left: 9px;}
.field textarea + label.topfixd::before { line-height: 20px; font-size: 14px; top: -10px;  background: #fff; padding: 0 6px; color: #808080; left: 9px; }
.field label.topfixd::before {line-height: 20px; font-size: 14px;  top: -10px; background: #fff; padding: 0 6px;  color: #808080; left: 23px; position:absolute; }
.field label {cursor: text; }
.input-group-addon{ background:none !important;}
 /*default*/
     /*.label-before, .field input:focus + label::before, .field input.newvalid + label::before {
        line-height: 20px;
        font-size: 14px;
        top: -10px;
        background: #fff;
        padding: 0 6px;
        color: #808080;
        left: 9px;
    }
      /*default*/
      
      
      
      .margin-b{ margin-bottom: 1rem;}



    /*---------------amenities page css--------------------*/
.amenities-list h1:before { content: "";  position: absolute;  border-bottom: solid 2px #701d39;  width: 200px; left: 50%; transform: translateX(-50%); bottom: -10px;  }
.amenities-list ul li {width: 32.2%;   text-align:left; position:relative; float:left;   }
.amenities-list ul li span { padding: 12px;  display: block;  width: 100%; }
.amenities-list ul li i { color: #00171F;   font-size: 18px; line-height:28px;}
.amenities-list ul li a.edit{ border: 1px solid #ddd;margin-left: -3px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;
background: #fff;border-radius:3px; display:inline-block; padding:2px 10px; height:32px; }
.amenities-list ul li a.edit.br{ border-right:0px; border-radius: 4px 0px 0px 4px; margin-right:-1px;}
.amenities-list ul li a.edit.dl{ border-radius:0px 4px 4px 0px;}
.amenities-list ul li a.edit:hover i{ opacity:0.8}
.amenities-list ul li:hover span { background: #f7f7f7; }
.amenities-list ul li .icon {position: absolute; display: none;  right: 8px; z-index: 5; top: 8px; }
.amenities-list ul li:hover .icon{ display:block;}
.amenities-list ul li .edit-item {  bottom:0; width:100%; margin-top:10px; display:none; position:relative; padding-left:12px;}
.amenities-list ul li .edit-item input{ width:83.2%; margin-bottom:30px; }
.amenities-list ul li .edit-item svg { width: 16px; height: 13px;   fill: #fff; padding:0;  }
.amenities-list ul li .edit-item .save { width: 30px; height: 30px; line-height:31px;  border-radius: 25px; background: #94cd4a;border:solid 1px #94cd4a; display:inline-block;  text-align: center;   }
.amenities-list ul li .edit-item .delete {width: 30px; height: 30px;  text-align: center;  line-height: 31px;border-radius: 25px;border:solid 1px #585858;  background: #585858; display: inline-block;    }
.amenities-list ul li .edit-item .save:hover{ border:solid 1px #94cd4a; background:none;}
.amenities-list ul li .edit-item .save:hover svg{ fill:#94cd4a}
.amenities-list ul li .edit-item .delete:hover{ border:solid 1px #585858; background:none;}
.amenities-list ul li .edit-item .delete:hover svg{ fill:#94cd4a}
.amenities-list ul li .edit-item .mb2{ margin-bottom:30px;}
.amenities-list ul li .edit-item .mb2 input{ margin-bottom:0px;}
.amenities-list ul li .edit-item .mb2 span{ padding:0px;}
.amenities-list ul li .icon-row{ position:absolute; right: 5px;bottom: -115px;}
.amenities-list a.add{ color: #333;font-size: 16px;display: block;text-align: left;display: table;padding: 12px 5px 2px 31px;
border-radius: 30px;}
.amenities-list a.add svg{ width: 30px;height: 30px;fill: #333;padding: 6px;    padding-top: 6px;    padding-right: 6px;    padding-bottom: 6px;    padding-left: 6px;border-radius: 30px;}
.amenities-list ul li .intro{ display:block; padding-left:12px;}
.amenities-list ul li.ad-list:hover span{ background:none;}
.amenities-list .field-validation-error{ background:none !important; bottom:-21px}

/*---radio button ----*/

.text_heading.radio_btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .text_heading.radio_btn ul li {
        color: #AAAAAA;
        display: inline-block;
        position: relative;
        float: left;
        width: 210px;
    }

        .text_heading.radio_btn ul li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        .text_heading.radio_btn ul li label {
            display: block;
            position: relative;
            font-weight: 500;
            font-size: 15px;
            padding: 13px 25px 12px 51px;
            margin: 0px auto;
            color: #00171F;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
            background: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 5px;
            text-align: left;
            font-family: Lato;
        }

        .text_heading.radio_btn ul li:hover label {
            color: #FFFFFF;
            background: #83b846;
            border: 1px solid #83b846;
        }

        .text_heading.radio_btn ul li .check {
            display: block;
            position: absolute;
            border: 5px solid #fff;
            border-radius: 100%;
            height: 20px;
            width: 20px;
            top: 16px;
            left: 20px;
            z-index: 9;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
            box-shadow: 0 0 5px #9e9e9e;
            background: #fff none repeat scroll 0 0;
        }

        .text_heading.radio_btn ul li:hover .check {
            border: 5px solid #FFFFFF;
        }

        .text_heading.radio_btn ul li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 9px;
            width: 9px;
            top: 1px;
            left: 1px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            z-index: 999;
        }

.text_heading.radio_btn input[type=radio]:checked ~ .check {
    border: 5px solid #ffffff;
}

    .text_heading.radio_btn input[type=radio]:checked ~ .check::before {
        background: #9b9b9b;
    }

.text_heading input[type=radio]:checked ~ label {
    color: #fff;
    background: #83b846;
    border: 1px solid #83b846;
    border-radius: 5px;
}

    .text_heading input[type=radio]:checked ~ label::after {
        content: "\f00c";
        display: inline-block;
        margin-left: 20px;
        color: #fff;
        font-family: FontAwesome;
    }

/*----------------------*/

.text_heading.bookinglink input {
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 50px;
    margin: 0px 0 10px;
    ;
    padding: 10px;
    font-size: 17px;
    color: #00171F;
}

.text_heading.radio_btn {
    display: inline-block;
    width: 100%;
}

.rankSchedule ul li {
    display: inline-block;
    list-style: outside none none;
    text-align: center;
    width: 31%;
}

.package ul{padding:0px;}



@media only screen and (max-width:1680px) {

.cke_inner{height:76%!important;}
.amenities-list ul li .edit-item input{ width:77%;}
/*.btn-size {width: auto;}*/
.btn-postion {margin-left: -2.5%;}
}
@media only screen and (max-width:1600px) {

.cke_inner{height:74%!important;}
}
@media only screen and (max-width:1440px) {

.cke_inner{height:67.5%!important;}
.amenities-list ul li .edit-item input { width: 74%;}
.col-xl-9.width1366.px-0{max-width: 100%;}
.btn-postion {margin-left: -4.1%;}
    .datecalendar input {
        font-size: 12PX !important;
    }

}
@media only screen and (max-width:1367px) {
.cke_inner {height: 63.5% !important;}

.amenities-list ul li .edit-item input { width: 70%;}
.btn-postion {margin-left: -5.1%;}

.cke_contents{ height:90% !important;}
.cke_bottom { bottom: 0px !important;}

}

@media only screen and (max-width:1366px) {
.cke_chrome {height: 82% !important;}
.cke_inner{height: 46.5% !important;}
.blog_menu ul li {width: 20% !important;}
#ui-datepicker-div {
	right: 48px !important;
	position: absolute !important;
	left: inherit !important;
}
   .btn-postion {
        bottom: 34px;

    }

.datecalendar input {
	font-size: 0.7rem !important;
}

/*.logo-lg img {
	width: 43%;
}*/
.cke_bottom {bottom: 5px !important;}
.admin-h1 {
	padding: 60px 0px 0px !important;
}

    .datecalendar input {
    font-size: 10PX !important;
    padding: 5px !important;
}


}

@media only screen and (max-width:1355px) {
 .selecterror .validerror {bottom: -9px !important;}




}


@media only screen and (max-width:1280px) {
.cke_inner{height: 60.5% !important;}
    .cke_button_icon {width: 13px !important;height: 15px !important;}
    .btn-postion {
	margin-left: -6.1%;
}

}
/*---radio button ----*/

.text_heading.radio_btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .text_heading.radio_btn ul li {
        color: #AAAAAA;
        display: inline-block;
        position: relative;
        float: left;
        width: 210px;
    }

        .text_heading.radio_btn ul li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        .text_heading.radio_btn ul li label {
            display: block;
            position: relative;
            font-weight: 500;
            font-size: 15px;
            padding: 17px 25px 15px 51px;
            margin: 0px auto;
            color: #00171F;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
            background: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 5px;
            text-align: left;
            font-family: Lato;
        }

        .text_heading.radio_btn ul li:hover label {
            color: #FFFFFF;
            background: #83b846;
            border: 1px solid #83b846;
        }

        .text_heading.radio_btn ul li .check {
            display: block;
            position: absolute;
            border: 5px solid #fff;
            border-radius: 100%;
            height: 20px;
            width: 20px;
            top: 16px;
            left: 20px;
            z-index: 9;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
            box-shadow: 0 0 5px #9e9e9e;
            background: #fff none repeat scroll 0 0;
        }

        .text_heading.radio_btn ul li:hover .check {
            border: 5px solid #FFFFFF;
        }

        .text_heading.radio_btn ul li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 9px;
            width: 9px;
            top: 1px;
            left: 1px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            z-index: 999;
        }

.text_heading.radio_btn input[type=radio]:checked ~ .check {
    border: 5px solid #ffffff;
}

    .text_heading.radio_btn input[type=radio]:checked ~ .check::before {
        background: #9b9b9b;
    }

.text_heading input[type=radio]:checked ~ label {
    color: #fff;
    background: #83b846;
    border: 1px solid #83b846;
    border-radius: 5px;
}

    .text_heading input[type=radio]:checked ~ label::after {
        content: "\f00c";
        display: inline-block;
        margin-left: 20px;
        color: #fff;
        font-family: FontAwesome;
    }

/*----------------------*/

.text_heading.bookinglink input {
    border: 1px solid #d9d9d9;
    background: #fff;
    height: 50px;
    margin: 0px 0 10px;
    ;
    padding: 10px;
    font-size: 17px;
    color: #00171F;
}

.text_heading.radio_btn {
    display: inline-block;
    width: 100%;
}

.rankSchedule ul li {
    display: inline-block;
    list-style: outside none none;
    text-align: center;
    width: 31%;
}

.rankSchedule .select2-container, .select2-drop, .select2-search, .select2-search input {
    text-align: left;
}

.status_br {
    border: 1px solid #e3e3e3;
    margin: 0 12px;
    padding: 3px;
}

.datecalendar input {
    display: inline-block;
    width: 49%;
    background: url(../images/calendar_icon.png) no-repeat right 10px center;
    background-color: #fff;
}

.form-control {
    padding: 0.5rem 0.75rem;
}

.btnpreview button {
    width: 32%;
    text-align: center;
}

.dropzone.needsclick.managepackg_drop {
    min-height: 250px !important;
}

.overlay {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.editbtn {
    min-height: 607px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.edit_icon_txt {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(0px, -50%);
    width: 100%;
}
/*--------------manage  package End ------------------------*/





/*-----------blog-----------*/


.w-10.d-inline-block {
    vertical-align: top;
    width: 11%;
    margin-right: 30px;
}

.custom-radios-blog div {
    display: inline-block;
}

.custom-radios-blog input[type="radio"] {
    display: none;
}

.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.custom-radios-blog input[type="radio"] + label span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #91c854;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 42px;
}

    .custom-radios-blog input[type="radio"] + label span img {
        opacity: 0;
        transition: all .3s ease;
    }

.custom-radios-blog input[type="radio"]#color-1 + label span {
    background-color: #2ecc71;
}

.custom-radios-blog label {
    margin-bottom: 0px;
    padding: 5px 0;
}

.custom-radios-blog input[type="radio"]:checked + label span img {
    opacity: 1;
    vertical-align: super;
}

.d-inline-block.radiobtn {
    border: 1px solid #d9d9d9;
    padding: 0 4px;
    text-align: center;
    vertical-align: top;
    width: 8%;
    margin-left: 20px
}

.blog_menu ul li {
    display: inline-block;
    text-align: center;
    list-style: none;
    padding: 0px 20px;
    width: 14%;
}

    .blog_menu ul li:hover, .blog_menu ul li:hover a {
        fill: #009DBA;
        color:#00171F;
    }

    .blog_menu ul li .blogmenu_icon {
        display: block;
        height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
        -webkit-text-shadow: 0 30px 0px transparent;
        -moz-text-shadow: 0 30px 0px transparent;
        -ms-text-shadow: 0 30px 0px transparent;
        -o-text-shadow: 0 30px 0px transparent;
        text-shadow: 0 30px 0px transparent;
        overflow: visible;
    }

    .blog_menu ul li svg.blogmenu_icon {
        fill: #00171F;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
        -webkit-text-shadow: 0 30px 0px transparent;
        -moz-text-shadow: 0 30px 0px transparent;
        -ms-text-shadow: 0 30px 0px transparent;
        -o-text-shadow: 0 30px 0px transparent;
        text-shadow: 0 30px 0px transparent;
        overflow: visible;
    }

    .blog_menu ul li a {
        color: #00171F;
        font-size: 15px;
        font-weight: 400;
        /*-webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
        -webkit-text-shadow: 0 30px 0px transparent;
        -moz-text-shadow: 0 30px 0px transparent;
        -ms-text-shadow: 0 30px 0px transparent;
        -o-text-shadow: 0 30px 0px transparent;
        text-shadow: 0 30px 0px transparent;*/
        overflow: visible;
    }

    .w-60 {
	width: 60%;
}
        .blog_menu ul li a:hover, .blog_menu ul li.active a {
            color: #585858;
            -webkit-text-shadow: 0 0px 0px black;
            -moz-text-shadow: 0 0px 0px black;
            -ms-text-shadow: 0 0px 0px black;
            -o-text-shadow: 0 0px 0px black;
            text-shadow: 0 0px 0px black;
        }

.blog_menu li:hover a .blogmenu_icon, .blog_menu li.active a .blogmenu_icon, .blog_menu li.menu-open a .blogmenu_icon {
    fill: #009DBA;
    -webkit-text-shadow: 0 0px 0px black;
    -moz-text-shadow: 0 0px 0px black;
    -ms-text-shadow: 0 0px 0px black;
    -o-text-shadow: 0 0px 0px black;
    text-shadow: 0 0px 0px black;
}

.blog_menu li:hover svg.blogmenu_icon, .blog_menu li:hover .blogmenu_icon {
    -webkit-text-shadow: 0 0px 0px black;
    -moz-text-shadow: 0 0px 0px black;
    -ms-text-shadow: 0 0px 0px black;
    -o-text-shadow: 0 0px 0px black;
    text-shadow: 0 0px 0px black;
}


.blog_menu.w-100 {
    /*border: 1px solid #f2e8eb;*/
    padding: 20px;
}

.add_blog {
    border: 1px solid #dfcad0;
    display: inline-block;
    position: relative;
    width: 100%;
}

.blog_txt {
    display: inline-block;
    padding: 0 30px;
    width: 100%;
}

.txet_bg {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 -4px 10px -6px #ccc;
	margin-top: -50px;
	padding: 20px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	position: relative;
}

    .txet_bg h2 {
        color: #585858;
        font-size: 24px;
        line-height: 34px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500
    }

    .txet_bg ul li {
        list-style: none;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        padding-bottom: 10px;
    }

        .txet_bg ul li span {
            padding-right: 10px;
        }

.blog_txt p {
    font-size: 19px;
    padding: 0px 20px;
}

.blogedit_icon li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

    .blogedit_icon li:first-child {
        margin-right: 12px;
    }

    .blogedit_icon li:nth-child(2) {
        border: 1px solid #ddd;
        border-right: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .blogedit_icon li:nth-child(3) {
        border: 1px solid #ddd;
        margin-left: -3px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .blogedit_icon li a {
        color: #00171F;
        font-size: 18px;
    }

    .blogedit_icon li:nth-child(2), .blogedit_icon li:nth-child(3) {
        height: 32px;
        padding: 2px 10px; margin-right:-2px;
    }

    .blogedit_icon li a:hover {
        color: #585858;
    }



.canera_icon_blog {
    top: 10px;
    fill: #fff;
    height: 30px;
    padding-right: 5px;
    position: absolute;
    left: 0px;
    right: 0;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    margin: 0 auto;
}

.blogedit_icon {
    padding: 0 20px;
}

.blogedit_icon:hover {
	cursor: pointer;
}



#presentation {
    width: 480px;
    height: 120px;
    padding: 20px;
    margin: auto;
    background: #FFF;
    margin-top: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s;
    border-radius: 3px;
}

    #presentation:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        transition: all 0.3s;
        transform: translateZ(10px);
    }

#floating-button {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #585858;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;
}

.blog_fabbtn .plus {
    color: white;
    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 55px;
    font-size: 38px;
    font-family: 'Roboto';
    font-weight: 300;
    animation: plus-out 0.3s;
    transition: all 0.3s;
}

#container-floating {
    position: fixed;
    width: 55px;
    height: 70px;
    bottom: 30px;
    right: 30px;
    z-index: 50;
}

    #container-floating:hover {
        height: 260px;
        padding: 30px;
        width: 78px;
    }

        #container-floating:hover .plus {
            animation: plus-in 0.15s linear;
            animation-fill-mode: backwards;
        }

.blog_fabbtn .edit {
    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    left: 0;
    display: block;
    right: 0;
    padding: 0;
    opacity: 0;
    margin: auto;
    line-height: 65px;
    transform: rotateZ(-70deg);
    transition: all 0.3s;
    animation: edit-out 0.3s;
}

#container-floating:hover .edit {
    animation: edit-in 0.2s;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}

@keyframes edit-in {
    from {
        opacity: 0;
        transform: rotateZ(-70deg);
    }

    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}

@keyframes edit-out {
    from {
        opacity: 1;
        transform: rotateZ(0deg);
    }

    to {
        opacity: 0;
        transform: rotateZ(-70deg);
    }
}

@keyframes plus-in {
    from {
        opacity: 1;
        transform: rotateZ(0deg);
    }

    to {
        opacity: 0;
        transform: rotateZ(180deg);
    }
}

@keyframes plus-out {
    from {
        opacity: 0;
        transform: rotateZ(180deg);
    }

    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}

.blog_fabbtn .nds {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    margin: 5px 0;
    z-index: 300;
    transform: scale(0);
    cursor: pointer;
    background: #585858;
}



/*.blog_fabbtn  .nd1{
  background: #d3a411;
  right: 40px;
  bottom: 120px;
  animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
}

.blog_fabbtn  .nd3{
  background: #3c80f6;
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.blog_fabbtn  .nd4{
  background: #ba68c8;
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.blog_fabbtn  .nd5{
  background: #ba68c8;
  background-size: 100%;
  right: 40px;
  bottom: 300px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}*/
.icon_fabbtn {
    height: 25px;
    vertical-align: middle;
    width: 25px;
}

svg.icon_fabbtn, svg.icon_blog_fab {
    fill: #fff;
}

.icon_blog_fab {
    height: 17px;
    vertical-align: middle;
    width: 17px;
}

.nds a span {
    color: #00171F;
    font-size: 15px;
    position: absolute;
    right: 40px;
    text-align: right;
    width: 110px;
}

    .nds a:hover span, .nds a span:hover {color: #009dba;}

.blog_fabbtn .pulse {
    overflow: initial;
    position: relative;
}

    .blog_fabbtn .pulse::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        /*transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;*/
        z-index: -1;
    }

@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}





@keyframes bounce-nds {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounce-out-nds {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0);
    }
}

#container-floating:hover .nds {
    animation: bounce-nds 0.1s linear;
    animation-fill-mode: forwards;
}

#container-floating:hover .nd3 {
    animation-delay: 0.08s;
}

#container-floating:hover .nd4 {
    animation-delay: 0.15s;
}

#container-floating:hover .nd5 {
    animation-delay: 0.2s;
}

.letter {
    color: white;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.bor-1 {
    border: 1px solid #dfcad0;
}

.close1 {
	background: url(../images/icoClose1.png) no-repeat left top;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: -20px;
	text-indent: -9999px;
	top: -14px;
	width: 28px;
	transition: all 0.5s;
	z-index: 1;
}
.close1:hover {    
     -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
    }
.photozone {
    height: 100%;
}



/*
#PackageList .media-left img{ height:100%;}
*/
.letter svg.icon_blog_fab:hover {
	fill: #009dba;
}

.cke_reset.cke_chrome.cke_editor_BP_Message{ height:500px !important;}

.bgbox {
    background-color: #ececec;
    padding: .5rem .5rem .2rem !important;
}

.bgboxcal {
    background-color: #ececec;
    padding: .5rem .5rem .5rem !important;
}
    .divImgCrop {
        position: fixed;
        display: none;
        height: 100%;
        z-index: 999;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        background: rgba(0,0,0, 0.6);
    }

.Croppopap {
	margin: auto;
	position: absolute;
	left: 0;
	height: 78%;
	right: 0;
	top: 10%;
}
    .ImgCrop {
	height: 77%;
	width: 100%; float:left;
	border: solid 0px #000;
    
}
.h-94 { height:94%;}
.Tabing {border-top: 5px solid #fff;font-size: 19px;width: 87px;height: 87px;float: left;z-index: 999;padding: 14px 10px 5px;text-align: center;opacity: 0.4;color: #585858;font-weight: bold;}
  .tabshow {
        border-top: 5px solid #3968d4 !important;
        color: #585858;
        opacity: 1;
    }

  .btn-gray {background: #454545 !important;}
  .btn-gray:hover {background: #777777 !important;}

.account-type{ margin-top:-5px;}

.tabledshboard > thead > tr > th{ padding-top:15px;}


  
  
@media only screen and (max-width:1680px) {
    li.rank_box {
        width: 26% !important;
    }

    li.status_br {
        width: 37% !important;
    }

    .status_br {
        margin: 0 8px;
    }

    .photozone {
        height: 91%;
    }

    .pacakgesave {
        padding: 15px 30px;
    }

    .packagepreview {
        padding: 15px 16px;
    }

    .mgrpost {
        padding-left: .5rem !important;
    }
    .Croppopap {

	height: 82%;

}

       .col-xl-9.width1366.px-0 {
	max-width: 90%;
}
}

@media only screen and (max-width:1660px) {

    .btn-white {
        font-size: 13px;
        padding: 17px 16px;
    }

    .btn-default {
        font-size: 13px;
       
    }

    .pacakgesave {
        padding: 15px 30px;  
    }


    .packagepreview {
        padding: 15px 16px;
    }

    .status_br {
        margin: 0 7px;
    }

    .d-inline-block.radiobtn {
        margin-left: 8px;
    }

    li.rank_box {
        width: 26% !important;
    }

    li.status_br {
        width: 37% !important;
    }

    .mgrpost {
        padding-left: 1rem !important;
    }

    .text_heading.radio_btn ul li label {
        padding: 13px 9px 12px 36px;
    }

    .text_heading.radio_btn ul li .check {
        left: 10px;
    }


}

@media only screen and (max-width:1440px) {

    .col-xl-9.width1366.px-0 {
	max-width: 100%;
}
}


@media only screen and (max-width:1440px) {
    .status_br {
        margin: 0 1px;
    }

    .form-group label {
        font-size: 13px;
    }

    li.rank_box {
        width: 26% !important;
    }

    li.status_br {
        width: 41% !important;
    }

    li.schedule_box {
        width: 30% !important;
    }

    .status_br .btn-toggle.btn-sm {
        margin: 0;
    }

    .photozone {
        height: 90%;
    }

    .mgrpost {
        padding-left: 1.5rem !important;
    }

    .Croppopap {
	height: 89%;
	top:5%;
}

.croppie-container .cr-slider-wrap {
 width: 47% !important;
}
  
 
    .Tabing {
     font-size:13px; 
     width: 61px;
     padding: 6px 10px 5px;
    }
    .tabshow {
	border-top: 3px solid #585858 !important;

}


}


@media only screen and (max-width:1366px) {
    .status_br {
        margin: 0 0px;
    }

    .photozone {
        height: 89%;
    }

    .mgrpost {
        padding-left: 2rem !important;
    }
    .newenquiry {
     width:155px !important; 
    }
        .tabshow {
	border-top: 3px solid #585858!important;
}



}

@media only screen and (max-width:1280px) {

    .right-icons li:first-child {
        margin-right: 0px;
    }

    .right-icons .btn-toggle.btn-sm {
        margin: 0;
    }

    .photozone {
        height: 88%;
    }

    .text_heading input[type="radio"]:checked ~ label::after {
        margin-left: 9px;
    }
    .text_heading.radio_btn ul li label{font-size: 14px;}
    .selecterror .validerror {
    bottom: -10px !important;
    line-height: 15px !important;
}
}

@media only screen and (max-width:1200px) {
    .section-content {
        padding: 24px 20px 38px 20px;

    }

    .form-group label {
        font-size: 12px;
    }
}

@media only screen and (max-width:1140px) {
    .mgrpost {
        padding-left: 1.5rem !important;
    }

    .f-47 {
	font-size: 28px;
}
 .book-content ul li{padding-right:15px;}
}

@media only screen and (max-width:999px) {

    .passworw-match-box {
        left: 48%;
        width: 300px;
    }

    .ps-conform-text1 {
        bottom: -21px;
        left: 1px;
        right: inherit;
        top: inherit;
    }

    .d-inline-block.radiobtn {
        margin-left: 4px;
    }

    .w-10.d-inline-block {
        width: 15%;
    }

    .blog_menu ul li {
        width: 19%;
    }

    .navbar-nav > li > a {
        padding: 29px 18px !important;
    }

    .add_blog .edit_icon_txt {
        position: inherit;
    }

    .blog_txt {
        padding: 0 10px;
    }

    .text_heading.radio_btn ul li label {
        font-size: 11px;
        padding: 17px 17px 17px 44px;
    }

    .mgrpost {
        padding-left: 0rem !important;
    }

    .controlreswidth {
        width: 97% !important;
    }

    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 36%;
    }

    .form-group.ranksec.w-30.d-inline-block.pl-1.mgrpost.postwidth {
        width: 36%;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 20%;
        margin-left: 18px;
        margin-right: 10px;
    }

    .black-bg {
        background-color: #fff;
        z-index: 10;
        position: absolute;
        max-width: 500px;   padding:30px; left:0; right:0; margin:auto !important;   
   
        width:auto;
        top: 50%;
        transform: translateY(-50%);
    }
        .admin-h1{ padding-top:0px  !important; }
        .bg-login{ margin:0 !important;}

}

@media only screen and (max-width:768px) {
    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 36%;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 20%;
        margin-left: -2px;
        margin-right: 20px;
    }

    .form-group.ranksec.w-30.d-inline-block.pl-1.mgrpost.postwidth {
        width: 36%;
    }
    
}

@media only screen and (max-width:767px) {
    .w-10.d-inline-block {
        margin-right: 20px;
    }

    .main-header {
        height: auto;
        max-height: inherit !important;
    }

    .change-password {
        padding: 38px 15px;
    }

    .section-content {
        padding: 24px 0px 38px 0px;
    }

    .panel-body {
        padding: 10px;
    }

    .blog_txt {
        padding: 0 10px;
    }

    .section-content .breadcrumb {
        padding-left: 10px;
    }

    .controlreswidth {
        width: 97% !important;
    }

    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 37%;
    }

    .form-group.ranksec.w-30.d-inline-block.pl-1.mgrpost.postwidth {
        width: 37%;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 20%;
        margin-left: 18px;
        margin-right: 10px;
    }

    .close1 {
        right: -7px;
    }
}

@media only screen and (max-width:660px) {
    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 38%;
    }

    .form-group.ranksec.w-30.d-inline-block.pl-1.mgrpost.postwidth {
        width: 40%;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 17%;
        margin-left: 18px;
        margin-right: 0px;
    }

    .black-bg{ padding:15px 0;}
    .admin-logo{ padding:0 !important;}
    .admin-logo img { padding:0 !important;}
}



@media only screen and (max-width:480px) {
    .controlreswidth {
        width: 96% !important;
    }

    .pacakgesave {
        padding: 15px 23px;
    }

    .packagepreview {
        padding: 15px 10px;
    }

    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 34%;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 20%;
        margin-left: 8px;
        margin-right: 7px;
    }
}

@media only screen and (max-width:479px) {
    .f-14.fFirstColo {
        font-size: 9px;
    }

    .login-status h4 {
        font-size: 15px;
    }

    .login-status {
        float: left;
        margin: 15px 0;
    }

    .media-body {
        padding-right: 0px;
    }

    .addnewpackage_pop {
        padding: 10px;
    }

    .btn-white {
        font-size: 12px;
        padding: 20px 10px;
    }

    .btn-default {
        font-size: 12px;
       }

    .w-40 {
        width: 46%;
    }

    .text_heading.radio_btn ul li label {
        font-size: 11px;
        padding: 17px 0px 17px 30px;
    }

    .text_heading.radio_btn ul li .check {
        left: 5px;
    }

    .pacakgesave {
        padding: 15px 30px;
    }

    .packagepreview {
        padding: 15px 10px;
    }
    .content-wrapper {
	margin-top: 0px;
}
}

@media only screen and (max-width:360px) {
    .controlreswidth {
        width: 95% !important;
    }

    .form-group.ranksec.d-inline-block.w-20.pl-2.statuswidth {
        width: 20%;
        margin-left: 2px;
        margin-right: 30px;
    }

    .form-group.ranksec.d-inline-block.w-20.rankwidth {
        width: 33%;
    }

    .form-group.ranksec.w-30.d-inline-block.pl-1.mgrpost.postwidth {
        width: 33%;
    }
}

/*------------signout effect ------------------*/

.wave {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
    color: #ffffff !important;
      background-color: #585858;
}

    .wave:before, .wave:after {
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 0;
        display: block;
       background-color: rgba(0, 0, 0, 0.5);
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-animation: spread-fadein 1s ease-out;
        animation: spread-fadein 1s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        color: #fff;
    }


    .wave:hover:before {
        display: block;
        -webkit-animation: spread-fadeout 1s ease-out;
        animation: spread-fadeout 1s ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }

@-webkit-keyframes spread-fadeout {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.1);
        transform: translate(-50%, -50%) scale(0.1);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes spread-fadeout {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.1);
        transform: translate(-50%, -50%) scale(0.1);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}





@-webkit-keyframes spread-fadein {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}

@keyframes spread-fadein {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}





/* 
Colors
#20C1C7
#204648
#189094
#61CED2
#0C4648
*/
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    font-size: 16px;
    color: #222;
    min-height: 100%;
    height: auto;
}

body,
button,
input {
    font-family: 'Montserrat', sans-serif;
font-weight: 400;
}

h1 {
    font-size: 42px;
    font-weight: 300;
    padding-top: 30px;
    margin: 15px 0;
}

h3 {
	font-size: 16px;
	/* font-weight: 400; */
	margin: 0px 0 10px;
}

nav {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
}

    nav a {
        color: white;
        text-decoration: none;
        padding: 0 0px;
    }

footer {
    text-align: center;
    color: #555;
    font-size: 12px;
    padding: 5px;
}

/*section {
    margin-bottom: 25px;
}*/

    section.hero {
        background: #20C1C7;
        background: linear-gradient(#189094, #20C1C7);
        color: white;
        text-shadow: 0 1px 1px rgba(20,20,20,0.6);
        margin-bottom: 0;
        min-height: 450px;
    }

.hero h2 {
    font-size: 16px;
    font-weight: 400;
}

section.who {
    margin-bottom: 30px;
}

.section-header {
    background: #204648;
    padding: 5px 0;
}

input[type="number"],
input[type="text"] {
    border: 1px solid #d2d6de;
    padding: 0.5rem 0.75rem;
    font-size: 18px;
    width: 100%;    
}

input {
    height:46px !important;
    border-radius: 3px !important;
}
.select2-container .select2-choice, .select2-container-multi .select2-choices .select2-search-field, .select2-container-multi .select2-choices {
     height:45px !important;
     border-radius: 3px !important;
}
.right-icons .select2-container .select2-choice{
     height:32px !important;    
}
#txtEditImage_Add {
    height:39px !important;    
}
button,
a.btn {
    background-color:none;
    color: white;
    padding:0px;
    border-radius: 0px;
    border: 1px solid #0098A7;
    font-size: 16px;
    cursor: pointer; 
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    cursor: pointer;
}

input[type="file"] {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

.file-btn {
    position: relative;
}

    .file-btn input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.actions {
    padding:0;
}

    .actions button {
        margin-right: 5px;
    }

pre[class*="language"] {
    margin: 10px 0;
    padding-top: 0;
    border-left-color: #189094;
}

.container,
.section-header h2 {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    min-width: 500px;
    padding: 0 10px;
}

.hero p {
    font-size: 16px;
}

.hero .grid {
    padding-top: 50px;
}

h2 {
    color: white;
    font-size: 23px;
    font-weight: 300;
}

.demo-wrap {
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
}

    .demo-wrap .container {
        padding-bottom: 10px;
    }

    .demo-wrap strong {
        font-size: 16px;
        display: block;
        font-weight: 400;
        color: #aaa;
        margin: 0 0 5px 0;
    }

.documentation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.documentation section > ul > li {
    margin-bottom: 1.5em;
}

.documentation p {
    margin: 5px 0 10px;
}

.documentation .parameter-list li {
    padding-left: 5px;
    line-height: 28px;
}

    .documentation .parameter-list li.values {
        padding-left: 20px;
    }

.documentation em {
    color: #aaa;
    font-style: normal;
    padding: 0 10px;
}

.documentation i {
    color: #666;
}

.documentation strong.focus {
    font-size: 18px;
    color: #189094;
    font-weight: 700;
}

.documentation span.default {
    padding-right: 10px;
    font-weight: 600;
    color: #777;
}

.important-notes article {
    margin-bottom: 2em;
}

.upload-demo .upload-demo-wrap,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none;
}

.upload-demo.ready .upload-demo-wrap {
    display: block;
}

.upload-demo.ready .upload-result {
    display: inline-block;
}

.upload-demo-wrap {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.upload-msg {
    text-align: center;
    padding: 50px;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 50px auto;
    border: 1px solid #aaa;
}

/* Sweet alert modifications */
.sweet-alert {
    width: auto;
    max-width: 85%;
}

/* Grid - subset */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 /*
[class*='col-'] {
    float: left;
    padding-right: 20px; column-space 
}
*/
.grid {
    width: 100%;
    max-width: 1140px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}

    .grid:after {
        content: "";
        display: table;
        clear: both;
    }

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.33%;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-4 {
    width: 25%;
}

.col-3-4 {
    width: 75%;
}

@media handheld, only screen and (max-width: 767px) {
    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px; /* grid-space to left */
        padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
    }

    [class*='col-'] {
        /*width: auto;*/
        float: none;
        margin: 10px 0;
        /*padding-left: 0;
        padding-right: 10px;*/ /* column-space */
    }

    .container,
    .section-header h2 {
        min-width: 0;
    }

    .croppie-container {
        padding: 30px 0;
    }

}


code[class*="language-"],
pre[class*="language-"] {
    color: black;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
    position: relative;
    margin: .5em 0;
    -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    -moz-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    border-left: 10px solid #358ccb;
    background-color: #fdfdfd;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-image: -ms-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-image: -o-linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    overflow: visible;
    padding: 0;
}

code[class*="language"] {
    max-height: inherit;
    height: 100%;
    padding: 0 1em;
    display: block;
    overflow: auto;
}

/* Margin bottom to accomodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    position: relative;
    padding: .2em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
    color: #c92c2c;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline;
    white-space: normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after {
    content: '';
    z-index: -2;
    display: block;
    position: absolute;
    bottom: 0.75em;
    left: 0.18em;
    width: 40%;
    height: 20%;
    max-height: 13em;
    -webkit-box-shadow: 0px 13px 8px #979797;
    -moz-box-shadow: 0px 13px 8px #979797;
    box-shadow: 0px 13px 8px #979797;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

:not(pre) > code[class*="language-"]:after,
pre[class*="language-"]:after {
    right: 0.75em;
    left: auto;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #7D8B99;
}

.token.punctuation {
    color: #5F6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
    color: #c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
    color: #2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
    color: #1990b8;
}

.token.regex,
.token.important {
    color: #e90;
}

.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.important {
    font-weight: normal;
}

.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.namespace {
    opacity: .7;
}

@media screen and (max-width: 767px) {
    pre[class*="language-"]:before,
    pre[class*="language-"]:after {
        bottom: 14px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

/* Plugin styles */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
    color: #e0d7d1;
}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers {
    padding-left: 0;
}

    pre[class*="language-"].line-numbers code {
        padding-left: 3.8em;
    }

    pre[class*="language-"].line-numbers .line-numbers-rows {
        left: 0;
    }

/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

pre[data-line] code {
    position: relative;
    padding-left: 4em;
}

pre .line-highlight {
    margin-top: 0;
}

pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em;
}

.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em; /* Same as .prism’s padding-top */
    background: hsla(24, 20%, 50%,.08);
    background: -moz-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
    background: -webkit-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
    background: -o-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
    background: linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}

    .line-highlight:before,
    .line-highlight[data-end]:after {
        content: attr(data-start);
        position: absolute;
        top: .4em;
        left: .6em;
        min-width: 1em;
        padding: 0 .5em;
        background-color: hsla(24, 20%, 50%,.4);
        color: hsl(24, 20%, 95%);
        font: bold 65%/1.5 sans-serif;
        text-align: center;
        vertical-align: .3em;
        border-radius: 999px;
        text-shadow: none;
        box-shadow: 0 1px white;
    }

    .line-highlight[data-end]:after {
        content: attr(data-end);
        top: auto;
        bottom: .4em;
    }

pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}

    pre.line-numbers > code {
        position: relative;
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em; /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

    .line-numbers-rows > span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: 0.8em;
        text-align: right;
    }


.croppie-container {
    width: 100%;
    height: 100%;
}

    .croppie-container .cr-image {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: 0 0;
        max-height: none;
        max-width: none;
    }

    .croppie-container .cr-boundary {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .croppie-container .cr-viewport,
    .croppie-container .cr-resizer {
        position: absolute;
        border: 2px dashed #fff;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
        z-index: 0;
    }

    .croppie-container .cr-resizer {
        z-index: 2;
        box-shadow: none;
        pointer-events: none;
    }

    .croppie-container .cr-resizer-vertical,
    .croppie-container .cr-resizer-horisontal {
        position: absolute;
        pointer-events: all;
    }

        .croppie-container .cr-resizer-vertical::after,
        .croppie-container .cr-resizer-horisontal::after {
            display: block;
            position: absolute;
            box-sizing: border-box;
            border: 1px solid black;
            background: #fff;
            width: 10px;
            height: 10px;
            content: '';
        }

    .croppie-container .cr-resizer-vertical {
        bottom: -5px;
        cursor: row-resize;
        width: 100%;
        height: 10px;
    }

        .croppie-container .cr-resizer-vertical::after {
            left: 50%;
            margin-left: -5px;
        }

    .croppie-container .cr-resizer-horisontal {
        right: -5px;
        cursor: col-resize;
        width: 10px;
        height: 100%;
    }

        .croppie-container .cr-resizer-horisontal::after {
            top: 50%;
            margin-top: -5px;
        }

    .croppie-container .cr-original-image {
        display: none;
    }

    .croppie-container .cr-vp-circle {
        border-radius: 50%;
    }

    .croppie-container .cr-overlay {
        z-index: 1;
        position: absolute;
        cursor: move;
        touch-action: none;
    }

.cr-slider-wrap:after {
content: "";
width: 30px;
height: 30px;
background: url("/Content/Admin/images/small-imgicom.png") no-repeat left 0px center;
top: -6px;
right: 0px;
left:-34px;
position: absolute;
display: inline-block;
}
.cr-slider-wrap:before {
content: "";
width: 30px;
height: 30px;
background: url("/Content/Admin/images/big-imgicom.png") no-repeat left 0px center;
top: -6px;
right: 35px;
position: absolute;
display: inline-block;
}

    .croppie-container .cr-slider-wrap {
        width: 38%;
        margin: 33px;
        text-align: left;
        position:relative;
    }

.croppie-result {
    position: relative;
    overflow: hidden;
}

    .croppie-result img {
        position: absolute;
    }

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
    /*removes default webkit styles*/
    /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
    width: 73%;
    /*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

    .cr-slider::-webkit-slider-runnable-track {
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.5);
        border: 0;
        border-radius: 3px;
    }

    .cr-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #ddd;
        margin-top: -6px;
    }

    .cr-slider:focus {
        outline: none;
    }
    /*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

    .cr-slider::-moz-range-track {
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.5);
        border: 0;
        border-radius: 3px;
    }

    .cr-slider::-moz-range-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #ddd;
        margin-top: -6px;
    }

    /*hide the outline behind the border*/
    .cr-slider:-moz-focusring {
        outline: 1px solid white;
        outline-offset: -1px;
    }

    .cr-slider::-ms-track {
        width: 100%;
        height: 5px;
        background: transparent;
        /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
        border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
        border-width: 6px 0;
        color: transparent; /*remove default tick marks*/
    }

    .cr-slider::-ms-fill-lower {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
    }

    .cr-slider::-ms-fill-upper {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
    }

    .cr-slider::-ms-thumb {
        border: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #ddd;
        margin-top: 1px;
    }

    .cr-slider:focus::-ms-fill-lower {
        background: rgba(0, 0, 0, 0.5);
    }

    .cr-slider:focus::-ms-fill-upper {
        background: rgba(0, 0, 0, 0.5);
    }
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

    .cr-rotate-controls button {
        border: 0;
        background: none;
    }

    .cr-rotate-controls i:before {
        display: inline-block;
        font-style: normal;
        font-weight: 900;
        font-size: 22px;
    }

.cr-rotate-l i:before {
    content: '↺';
}

.cr-rotate-r i:before {
    content: '↻';
}

.blog-settings-bar {
    -ms-flex: 0 0 600px;
    flex: 0 0 600px;
          
}
.blog-hr {
    border:solid 1px #f2e8eb;
}
.gird_detail_area .form-control.small, .emailid-settings .form-control.small  {
    font-size:0.8rem !important;
    height:46px;
    padding-top: 13px;
}
.blog-settings-bar .rank_edit {
    display:none;
    position:absolute;    
    top:7px;
    right:22px;
}
.emailid-settings {
    position:relative;
}
.emailid-settings:hover .rank_edit {
    display:block;
    
}
.emailid-settings:hover input.small {
    background:#f7f7f7;    
   
}
.blog-settings-bar input.add-email {
     width:calc(100% - 68px) !important;
}
.blog-settings-bar .fa-cart-plus {
    position:relative;
}
.blog-settings-bar .fa-cart-plus::before {
    content: "+";
    font-size: 28px;
    font-style: normal;
    right: 4px;
    position: absolute;
    top: -11px;
}



.add-pakages .fa-cart-plus {
    position:relative;
}
.add-pakages .fa-cart-plus::before {
    content: "+";
    font-size: 28px;
    font-style: normal;
    right: 4px;
    position: absolute;
    top: -3px;
}



.cursor-pointer {
    cursor:pointer;
}
.BSsvgicon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	float: left;
	line-height: 25px;
    margin-top:8px;
}
.BSsvgicon svg {
  fill:#fff;
  padding:0;
  margin:0;
  width:13px;
  height:13px;

  }
.BSsvgicon:hover svg {
    fill:#91c854;
    }

.BSsvgicon.orange:hover, .BSsvgicon.graybg:hover {
    background:#fff;
    border:1px solid #585858;
}

.BSsvgicon.orange {
    background:#91c854;
    border:1px solid #91c854;
    transition:all ease 0.5s;
}
.BSsvgicon.graybg {
    background:#585858;
    border:1px solid #585858;
    transition:all ease 0.5s;
}

#LblAddEmail, #LblAddCategory {
    height: 68px;
    float: left;
}
.height_input1 {
    height:50px;
}

.height_input2{
    height:68px !important;
}
#SaveAddEmail {
    height: 61px;
}
.btnsamesize {
   padding: 20px 0px;
 width:120px;

border-radius: 3px;

}

#ImgbtnBack{ margin-right:8px !important}




/*-----------------------------validation css--------------------------*/

/****************add blog*****************/

input[type="number"], input[type="text"] {
        width: 100%;
    }

    #BP_Title.input-validation-error {
        background-color: #ffffff !important;
        background: url(/Content/Admin/images/error.png) no-repeat center right 15px;
    }

    #BP_Title.valid {
        background: #ffffff url(/Content/Admin/images/success.png) no-repeat center right 15px;
    }

    #BP_BlogURL.input-validation-error {
        background-image: url('/Content/Admin/images/error.png');
        background-repeat: no-repeat;
        background-position: center right 15px;
    }

    #BP_BlogURL.valid {
        background-image: url('/Content/Admin/images/success.png');
        background-repeat: no-repeat;
        background-position: center right 15px;
    }

    #txtEditImage.valid {
        background-image: url('/Content/Admin/images/success.png');
        background-repeat: no-repeat;
        background-position: center right 15px;
    }

    #txtEditImage.input-validation-error {
        background-image: url('/Content/Admin/images/error.png');
        background-repeat: no-repeat;
        background-position: center right 15px;
    }

    .input-validation-error {
        border: 1px solid #d93025 !important;
    }

    .valid {
        border: 1px solid #ccc !important;
    }

    .custom-radios-blog label {
        padding: 0;
    }

    .custom-radios-blog input[type="checkbox"] + label span {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #d2d6de;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        line-height: 46px;
    }

        .custom-radios-blog input[type="checkbox"] + label span img {
            opacity: 1;
            transition: all .3s ease;
            vertical-align: super;
        }

    .custom-radios-blog input[type="checkbox"]:checked + label span img {
        opacity: 1;
    }

    .custom-radios-blog input[type="checkbox"]#chkblogURLNew + label span {
        background-color: #2ecc71;
    }

    .float-left.radiobtn1 {
        padding: 4px 6px;
    }
    

    .datecalendar input {
        font-size: 1rem;
    }

    



    .input-group-addon {
	position: absolute;

	padding: 9px;
	border-radius: 0px !important;
	/* z-index: 9; */
	padding-right: 0px;
	border: 0;
	left: 1px;
	text-align: left;
	top: 26px;
}
    .cke_inner {
        height: 86% !important;
    }

    .tooltip-inner {
        white-space: nowrap;
        max-width: none;
    }




    .select2-container .select2-choice {
        height: 36px;
        padding: 7px 0 0 8px;
    }



    .select2-container-multi .select2-choices .select2-search-choice {
        color: #333;
        border: 1px solid #e3e3e3;
        padding: 3px 22px 3px 4px;
        background-color: #edeef0;
        margin-top: 8px;
    }
    #s2id_CreatedId {
    border: 1px solid #fff;
}

 .pdfIconUplad {
        border-right: solid 1px #d9d9d9;
        width: 40px;
        background: #f5f5f5;
        height: 45px;
        text-align: center;
        padding-top: 8px;
    }

    .main-pdf {
        width: 100%;
        margin-bottom: 0px;
        background: #fff;
        border: 1px solid #cccccc;
    }

    .pdfUpload-div {
        width: 100%;
        height: 45px;
        background-color: #fff;
    }

    .pdfUpload {
        float: left;
        padding: 11px 0 0 6px;
        font-weight: bold;
        font-size: 14px;
        opacity: 0.5;
    }

    .fileuploader {
        position: absolute;
        left: 0;
        bottom: 11px;
    }

    .cancel-img {
        float: left;
        display: none;
        margin-left: 6px;
        z-index: 999999;
    }

    .progress-fullbar-animated {
        float: left;
        height: 13px;
        padding: 0px;
        margin: 2px 4px 56px;
        width: 100%;
        border-radius: 8px;
        background-color: #dbd8d8;
        display: none;
    }

    .progress-blue-animated {
        height: 11px;
        width: 0px;
        background-color: #6787e3;
        position: relative;
        border-radius: 8px;
    }

    .percentage-bar {
        position: absolute;
        margin-top: 10px;
        right: 0;
    }
    
       
    #lbltext{ color:#d93025  !important; font-size:14px; font-family: 'Lato', sans-serif;}   
    
    .form-control{ font-size:16px !important; color:#464a4c;}
        .form-control:placeholder{ color:#464a4c;}


        .newaccount .form-group {min-height: 90px;}
        
        
        
   /*********************change password*********************/     
   
      
.field-validation-error, .error {color: #d93025 !important;font-family: 'Lato', sans-serif !important;position:absolute; left:0; font-size: 14px !important;margin-left: 0px; text-shadow: none !important;font-weight: normal !important;}     
.validerror {color: #d93025 !important;font-family: 'Lato', sans-serif !important;position:absolute;left:0; font-size: 14px !important;margin: 0px; text-shadow: none !important;font-weight: normal !important;line-height:1.5 !important;}
.bottom-1{ bottom:-1px;}   
.subuser .field-validation-error {color: #d93025 !important;font-family: 'Lato', sans-serif !important;position: absolute;font-size: 14px !important;margin: 0px;bottom: 0;text-shadow: none !important;font-weight: normal !important;}  
#password.input-validation-error, #password.valid, #confirmPassword.input-validation-error, #confirmPassword.valid {background-position: right 4px top 5px;}
.circlevalid {background: url("/Content/Admin/images/circle_valid.png") no-repeat scroll left 0px center;}
.circleinvalid {background: url("/Content/Admin/images/circle_invalid.png") no-repeat scroll left 0px center;}
form-control{ height:46px !important   ;}
.height_input2 {position: relative;}  
.form-group{ margin-bottom:0rem;}
.fieldpassword{position:relative;height:90px;}
.field{position:relative;height:94px;}

.fieldimgname{position:relative;height:64px;}
.input-validation-error{ border:solid 1px #d93025 !important }
 #errorSutxtConfirmPassword_Add{ bottom:13px !important;}
 .selecterror .validerror{position: absolute;color: #d93025 !important;  font-family: 'Lato', sans-serif;font-size: 14px !important;margin: 0px;left: 15px; bottom:3px;font-weight: normal !important;}
.ps-weak {background-color: #ed0000;width: 25%;}
.ps-avg {background-color: #ff8500;width: 50%;}
.ps-good {background-color: #07820d;width: 75%;}
.ps-strong {background-color: #005ec3;width: 100%;}
#tblanimation span {font-size: 15px;}
#password.valid, #password.input-validation-error {background: url();}
#messagebox {display: none;}
.input-group-addon{ background-color:transparent !important;}
.input-validation-error {background:#fff url("/Content/Admin/images/error.png") no-repeat scroll right 15px center !important;border: 1px solid #d93025 !important;}
.valid {background:#ffffff url("/Content/Admin/images/success.png") no-repeat scroll right 15px center !important;}
#password.valid {background: #ffffff url("/Content/Admin/images/success1.png") no-repeat scroll right 15px center !important;}
#confirmPassword.input-validation-error {background: #ffffff url("/Content/Admin/images/error.png") no-repeat scroll right 15px center !important;border: 1px solid #d93025 !important;}
#confirmPassword.valid {background: #ffffff url("/Content/Admin/images/success.png") no-repeat scroll right 15px center !important;}
.form-group.packagenameHeight {height: 84px;}
    
/*****************blog setting*************************/
#errortxtCategory{ left:0px; bottom:-6px; }
.addemail .field-validation-error{ left:0px; bottom:-6px; }    
.circlevalid {background: url("/Content/Admin/images/circle_valid.png") no-repeat scroll left 0px center;}
.circleinvalid {background: url("/Content/Admin/images/circle_invalid.png") no-repeat scroll left 0px center;}
.ps-weak {background-color: #ed0000;width: 25%;}
.ps-avg {background-color: #ff8500;width: 50%;}
.ps-good {background-color: #07820d;width: 75%;}
.ps-strong {background-color: #005ec3;width: 100%;}
#tblanimation span {font-size: 15px;}
#messagebox {display: none;}
#confirmPassword.input-validation-error {background: #ffffff url("/Content/Admin/images/error.png") no-repeat scroll right 15px center !important;border: 1px solid #d93025  !important;}
#confirmPassword.valid {background: #ffffff url("/Content/Admin/images/success.png") no-repeat scroll right 15px center !important;}
.form-control.input-validation-error:focus {border-color: #d93025;}
    
 /**    iframe {
        height: 0px !important;
        position: absolute;
        margin-left: 200px;
        top: -1;
        z-index: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    }
**/


    .contact_area img {
        max-width: none !important;
    }

    .emailItem {
        padding-left: 43px;
    }

    .btnDeleteProfile img {
        max-width: none !important;
    }

    h1 {
        font-size: 2.2rem;
        color: #000;
        text-transform: uppercase;
        text-align: center;
    }

    input[type="number"], input[type="text"] {
        width: 100%;
    }

    .custom-radios-blog input[type="checkbox"] + label span {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #d2d6de;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        line-height: 42px;
    }

        .custom-radios-blog input[type="checkbox"] + label span img {
            opacity: 0;
            transition: all .3s ease;
            vertical-align: super;
        }

    .custom-radios-blog input[type="checkbox"]:checked + label span img {
        opacity: 1;
    }

    .custom-radios-blog input[type="checkbox"].BlogStatus + label span {
        background-color: #2ecc71;
    }

    .float-left.radiobtn1 {
        padding: 4px 6px;
    }
      .emailid-settings:hover p.small {
        background: #f7f7f7;
    }

    .emailid-settings.editsubuser:hover input.small {
        background: transparent;
    }

    .emailid-settings .rank_edit {
        display: none;
        position: absolute;
        top: 7px;
        right: 6px;
    }

    .emailid-settings:hover .rank_edit {
        display: block;
    }



  
    .menu-page .bg-white{ background:#fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.37);}
    .menu-page .form-group{ width:38%;}
    .menu-page .form-group input{ border-color:#D2D6DE}
    .menu-page .right-icons { width:100px;}
    .menu-page .right-icons li{ border:solid 1px #ddd; width:36px; height:32px; margin-right:-5px; line-height:31px;}
    .menu-page h3{ font-size:18px;}
    .menu-page #SaveAddEmail{ width:90px; height:auto;}
    .menu-page .pdf-icon-list{width:30px; height:30px; position:absolute; top:0px; left:-15px;}
    .menu-page .pdf-icon{position:absolute; top:3px; left:-3px; width:40px; height:40px;}
    .menu-page  .btn-white{ float:right; padding:12px 20px; margin-bottom:1px;}
    .menu-page .select2-container .select2-choice{ height:32px !important; padding:0 0px 0 10px;}


    .btn-grey{ background:#454545}
    .actions a{ width:22px; height:22px; line-height:21px;}
    .datatables_info{ font-size:14px;}

    .weekly-special .pdf-icon{ width:45px; height:45px;}
    .weekly-special .main-pdf{ display:flex; border: 1px solid #d2d6de;}
    .weekly-special .pdfUpload{ padding-left:0;}


.txet_bg h2 a {
    color: #585858;
    font-size: 24px;
    line-height: 34px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}