.collapse {
    display: none;
}
.collapse.show {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

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

.price-calculator .btn-group-toggle {
    margin-bottom: 30px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #EFEDED;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}


.button-order-page:hover {
    text-decoration: none;
    opacity: 0.95;
}

.button-order-page {
    display: block;
    max-width: 180px;
    width: 180px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 0px auto;
    text-decoration: none;
    background: #FF6C2E;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    margin-top: 3px;
  }

.price-calculator .datetimepicker_wrap .form-group .input-group.date {
    background: #fff;
}

.input-group {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

/* datetimepicker */
.datetimepicker_wrap .input-group-addon {
    z-index: 4;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    bottom: 0;
    border-radius: 0px 5px 5px 0px;
}

/* end datetimepicker */

.price-calculator .datetimepicker_wrap .form-group .input-group.date {
    background: #fff;
}

.price-calculator #datetimepicker {
    font-size: 12px !important;
    padding-left: 7px !important;
    font-family: Gotham;
    font-weight: 500;
    font-size: 14px;
    color: #2D3030;
}

.price-calculator .form-control {
    border: 1px solid #EFEDED;
}

.info-tooltip-wrap {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 10px 45px rgba(47, 45, 133, 0.1);
    padding: 20px 16px;
    width: 360px;
    position: absolute;
    z-index: 8;
    bottom: calc(100% + 16px);
    left: -60px;
}

.info-tooltip-wrap:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -9px;
    left: calc(50% - 85px);
}

.info-tooltip-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 20px;
    position: relative;
}

.info-tooltip-wrap td {
    padding: 10px 12px;
    background: #F1F1F1;
    border-radius: 4px;
    color: #333;
}

.info-tooltip-wrap tr td:first-child {
    background: #05CD7D;
    font-weight: 500;
    color: #fff;
    width: 108px;
}

.info-tooltip-wrap table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}

.close-mob-tooltip {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: -5px;
    cursor: pointer;
}

/*calc*/
.info-tooltip-calc {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 5px 6px;
    position: relative;
    top: 2px;
    fill: #8F9697;
    transition: all .5s ease;
}

.info-tooltip-calc:hover {
    fill: #2D3030;
}

.price-calculator .info-tooltip-wrap:after {
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: auto;
    top: -9px;
    border-top: 0;
}

.price-calculator {
    padding: 30px;
    background: #FBFBFB;
    box-shadow: 2px 2px 0px #EFEDED;
    border-radius: 5px;
    max-width: 380px;
    margin-bottom: 30px;
}

.price-calculator .title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
    color: #333;
}

.price-calculator .btn-group-toggle {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
}

.price-calculator .btn-group-level .btn-custom {
    line-height: 40px;
    font-weight: 600;
    font-size: 13px;
    padding: 0;
    text-align: center;
    color: #404E58;
    margin: 0;
}

/* .price-calculator .btn-group-level .btn-custom > input{
      display: none;
    } */

.price-calculator .btn-group-level .btn-custom:active,
.price-calculator .btn-group-level .btn-custom:focus,
.price-calculator .btn-group-level .btn-custom:hover {
    box-shadow: none;
    color: #333;
    background: 0 0
}


.price-calculator .btn-group-level .btn-custom.active {
    margin: 0;
    background: #F2F2F2;
    color: #333;
}

.price-calculator .btn-group-lenght {
    height: 50px;
    margin-left: 3px;
    margin-right: 3px
}

.price-calculator .btn-group-lenght .btn-custom {
    font-size: 12px;
    width: 60px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    color: #4C4C4C;
    background: 0 0;
    border: none;
    font-weight: 400;
}


.price-calculator .btn-group-lenght .btn-custom.active,
.price-calculator .btn-group-lenght .btn-custom.problems-calculator,
.price-calculator .btn-group-lenght .btn-custom.questions-calculator {
    padding: 0;
    /* width: 55px; */
    line-height: 48px;
    margin: 0;
    background: rgba(60, 146, 246, 0.1);
    border: 1px solid #3C92F6;
    border-radius: 4px;
    font-weight: 600;
}

.price-calculator .btn-group-lenght .btn-custom {
    font-weight: 600;
}

.price-calculator .btn-group-lenght .btn-custom.active.problems-calculator,
.price-calculator .btn-group-lenght .btn-custom.active.questions-calculator,
.price-calculator .btn-group-lenght .btn-custom.problems-calculator.problems-calculator,
.price-calculator .btn-group-lenght .btn-custom.questions-calculator.questions-calculator {
    width: 75px
}

.price-calculator .btn-group-lenght .btn-custom:active {
    color: #4C4C4C;
    border: none;
    background-color: #fff;
    z-index: 0
}

.price-calculator .title-calc {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #7D7D7D;
    position: relative;
    cursor: pointer;
}
@media(min-width:767px){
    .price-calculator .title-calc .info-tooltip-calc:hover + .info-tooltip-wrap{
        display: block !important;
    } 
    .close-mob-tooltip{
        display: none;
    }
}


.price-calculator .form-group {
    margin-bottom: 20px
}

.price-calculator #pages,
.price-calculator #words {
    width: 200px;
    text-align: center;
    border-radius: 4px;
    box-shadow: none;
}



.price-calculator input[type=text] {
    height: 38px;
    padding: 0 2px;
    font-size: 13px !important;
    line-height: 1;
    color: #333;
    border-radius: 4px
}

.price-calculator ::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 14px;
    color: #8B8B8B
}

.price-calculator ::-moz-placeholder {
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 14px;
    color: #8B8B8B
}

.price-calculator :-ms-input-placeholder {
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 14px;
    color: #8B8B8B
}

.price-calculator :-moz-placeholder {
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 14px;
    color: #8B8B8B
}

.price-calculator #datetimepicker {
    cursor: pointer;
    height: 50px;
    padding: 0 52px 0 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    color: #333;
    background: 0 0;
    box-shadow: none;
    -webkit-appearance: none;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 4;
}

.price-calculator .price-total {
    line-height: 1;
    font-size: 24px;
    color: #2D3030;
    font-weight: 600;
    margin-bottom: 10px;
}

#type_of_paper {
    cursor: pointer;
    height: 46px;
    padding: 0 52px 0 10px;
    padding-left: 10px;
    padding-left: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 46px;
    color: #333;
    box-shadow: none;
    -webkit-appearance: none;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 1px solid #d0d0d0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNiAwLjQ2MDY5M0wzIDUuNDA1NjZMMCAwLjQ2MDY5M0w2IDAuNDYwNjkzWiIgZmlsbD0iI0JEQkRCRCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: right 15px top 22px;
}


@media (min-width: 768px) {
    .price-calculator .info-tooltip-wrap {
        top: 30px;
        bottom: auto;
    }

    .price-calculator .info-tooltip-wrap {
        left: -10px;
    }
}

/*END calc*/

@media (max-width: 767px) {

    .info-tooltip-title {
        padding-top: 4px;
    }

    .close-mob-tooltip {
        display: block;
    }

    /* .info-tooltip-wrap {
        border-radius: 7px;
        width: 312px;
        padding: 16px 12px;
        left: calc(50% - 155px);
        margin: 0 auto;
        top: calc(50% - 150px);
        bottom: auto;
        display: block;
        position: fixed;
      } */

    .info-tooltip-wrap:after {
        left: calc(50% - 77px);
    }

    .info-tooltip-wrap {
        width: 330px;
    }

    .price-calculator .info-tooltip-wrap {
        left: -5px;
    }

    .price-calculator .info-tooltip-wrap {
        top: 30px;
        bottom: auto;
    }

    .info-tooltip-wrap td {
        font-size: 13px;
    }

    /* .price-calculator .close-mob-tooltip {
        display: block !important;
      } */
}


@media (max-width: 767px) {
    .price-calculator .btn-group-toggle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .price-calculator .btn-group-lenght {
        width: 67%
    }
}

@media (max-width: 767px) {
    .price-calculator .btn-group-lenght .btn-custom {
        width: 50%
    }
}

@media (max-width: 767px) {

    .price-calculator .btn-group-lenght .btn-custom.active,
    .price-calculator .btn-group-lenght .btn-custom.problems-calculator,
    .price-calculator .btn-group-lenght .btn-custom.questions-calculator {
        width: 50%
    }
}

@media (max-width: 767px) {

    .price-calculator #pages,
    .price-calculator #words {
        width: 33%;
    }

    .price-calculator {
        padding: 20px 15px 15px;
    }
}

@media (max-width: 575px) {
    body .ab1 .select2-container {
        width: 203px !important;
    }
}


.bootstrap-datetimepicker-widget {
    list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media (min-width: 576px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bootstrap-datetimepicker-widget .list-unstyled li:before {
    display: none;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}



.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td i {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: .25rem;
    padding: .5em .5em .5em
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #dee2e6;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #f8f9fa
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td.day {
    height: 33px;
    line-height: 18px;
    width: 40px;
    position: relative;
    padding: 5px 0 5px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #f8f9fa;
    cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #dee2e6;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #dee2e6;
    color: #007bff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #dee2e6;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td i {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: .25rem
}

.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td i:hover {
    background: #f8f9fa
}

.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td i.active {
    background-color: #dee2e6;
    color: #007bff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td i.old {
    color: #dee2e6
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td i.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover,
.bootstrap-datetimepicker-widget table td i.disabled:hover {
    background: none;
    color: #dee2e6;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}


.bootstrap-datetimepicker-widget table th.picker-switch {
    font-weight: 500;
    font-size: 14px !important
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 5;
    font-size: 14px !important;
    width: 367px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #333;
    font-weight: 500 !important
}

.bootstrap-datetimepicker-widget table th {
    font-weight: 500;
    width: 40px !important
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #737373 !important
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #E1E1E1 !important
}
.bootstrap-datetimepicker-widget table td.disabled.today{
    color:#333 !important;
}
.bootstrap-datetimepicker-widget .picker-switch td span,
.bootstrap-datetimepicker-widget .picker-switch td i {
    background: linear-gradient(180deg, #4E3D95 0%, #3A2E60 100%);
    color: #fff;
    margin: 0 !important
}

.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td i {
    color: #3771DD
}

.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td i:hover {
    color: #F8BA22
}

body .bootstrap-datetimepicker-widget table th.prev,
body .bootstrap-datetimepicker-widget table th.picker-switch,
body .bootstrap-datetimepicker-widget table th.next,
body .bootstrap-datetimepicker-widget table th.time-left {
    padding: .5em
}

body .bootstrap-datetimepicker-widget table th.prev:hover,
body .bootstrap-datetimepicker-widget table th.next:hover {
    background: none !important;
    color: #3771DD
}

body .bootstrap-datetimepicker-widget .table-condensed .btn-primary {
    background: #06AD6B;
    border-radius: 50%;
    font-size: 14px;
    line-height: 16px;
    height: 32px;
    width: 32px;
    text-align: center;
    border: none;
}

body .bootstrap-datetimepicker-widget .table-condensed .btn-primary:hover {
    background: #05CD7D;
    border-radius: 50%;
    font-size: 14px
}

.bootstrap-datetimepicker-widget .table-condensed .btn-primary {
    border-color: #F8BA22;
    background: linear-gradient(180deg, #F8BA22 0%, #F8BA22 100%)
}

.bootstrap-datetimepicker-widget table td.today:hover {
    color: #333
}

.bootstrap-datetimepicker-widget table td.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu::before,
.bootstrap-datetimepicker-widget.dropdown-menu::after {
    display: none !important
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #05CD7D !important;
    border-radius: 16px
}

.deadline-button {
    font-size: 11px;
    line-height: 11px;
    background: #FFF;
    border: 1px solid #E6E6EF;
    border-radius: 5px;
    width: calc(100% / 5);
    max-width: 56px;
    padding: 0 5px;
    height: 30px;
    margin: 0 1px
}

.bootstrap-datetimepicker-widget .datepicker-days .table-condensed {
    overflow: hidden
}

.bootstrap-datetimepicker-widget .datepicker-days {
    padding: 10px 20px 0
}

.btn-deadline-picker {
    margin: 16px -10px 32px;
    display: flex;
    justify-content: center
}

.deadline-button.deadline-btn-active {
    background: #E6E6EF;
    border: 1px solid #B2B2C3
}

.bootstrap-datetimepicker-widget .backgroud_period_deadline {
    border-radius: 0 !important;
    position: relative
}

.bootstrap-datetimepicker-widget table td.active:after,
.bootstrap-datetimepicker-widget .day:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    line-height: 15px;
    font-size: 10px;
    color: #737373;
    text-align: center;
    z-index: 1;
    height: 15px;
    bottom: 2px;
    width: 43px
}

.bootstrap-datetimepicker-widget table td.backgroud_period_deadline:after,
.bootstrap-datetimepicker-widget table td.today:after,
.bootstrap-datetimepicker-widget table td.active:after {
    color: #333
}

.bootstrap-datetimepicker-widget table td.active:after {
    color: #fff
}

.bootstrap-datetimepicker-widget .table-condensed .btn-primary {
    border-color: #3A2E60;
    background: linear-gradient(180deg, #4E3D95 0%, #3A2E60 100%);
    border-radius: 50%;
    font-size: 14px
}

.bootstrap-datetimepicker-widget .table-condensed tr td:last-child.backgroud_period_deadline {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important
}

.bootstrap-datetimepicker-widget .table-condensed tr td:first-child.backgroud_period_deadline {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important
}

.bootstrap-datetimepicker-widget .fa-clock-o:after,
.bootstrap-datetimepicker-widget .fa-calendar:after {
    content: "Choose Time";
    font-family: Gotham Narrow, Verdana, sans-serif;
    font-size: 14px;
    margin-left: 8px
}

.bootstrap-datetimepicker-widget .fa-calendar:after {
    content: "Choose Date"
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: unset !important
}

.bootstrap-datetimepicker-widget .separator {
    font-size: 32px !important;
    vertical-align: unset !important;
    padding-top: 5px !important
}

.bootstrap-datetimepicker-widget .period-animate {
    display: none
}

.bootstrap-datetimepicker-widget .timepicker-picker table td {
    vertical-align: top
}

.bootstrap-datetimepicker-widget .table-condensed .btn-primary[data-action="togglePeriod"].disabled {
    background: #B2B2C3;
    border-color: #B2B2C3;
    color: #737373
}

.datepricker-new-addon .bootstrap-datetimepicker-widget .datepicker-days {
    padding: 10px 48px 0
}

.time-left {
    background: #FAFAFA;
    color: #737373
}

.datepricker-new-addon .btn-deadline-picker {
    flex-wrap: wrap;
    margin: 3px -7px 10px
}

.datepricker-new-addon .deadline-button {
    color: #4C4C4C;
    font-size: 11px;
    line-height: 11px;
    background: #FFF;
    border: 1px solid #E6E6EF;
    border-radius: 5px;
    width: calc(100% / 5);
    max-width: 56px;
    padding: 0 5px;
    height: 30px;
    margin: 0 1px;
    margin-top: 0
}

.datepricker-new-addon .deadline-button.deadline-btn-active {
    background: #E6E6EF;
    border: 1px solid #B2B2C3
}

.datepricker-new-addon .deadline-button {
    margin-top: 8px;
    width: unset;
    min-width: 68px;
    flex: 1;
    padding: 0 3px
}

.datepricker-new-addon .datetimepicker-confirm {
    background: #05CD7D;
    display: block;
    text-transform: uppercase;
    color: #FFF !important;
    font-size: 16px;
    padding: 9px 0;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: 0 0 4px 4px;
}
.datepricker-new-addon .datetimepicker-confirm:hover{
    background: #06AD6B;
}

.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td span,
.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td i {
    background: #3771DDCC;
    color: #fff;
    border-radius: 0;
    height: 40px !important;
    padding-top: 2px
}

.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td span:hover,
.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td i:hover {
    background: #3771DDED
}

.timepicker .time-left {
    height: 30px;
    line-height: unset
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #fff !important;
    background: linear-gradient(180deg, #4E3D95 0, #3A2E60 100%) !important
}

.price-calculator #datetimepicker-button {
    cursor: pointer;
    height: 50px;
    padding: 0 52px 0 10px;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    color: #333;
    background: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    font-size: 12px !important
}

.price-calculator .datetimepicker_wrap .form-group .input-group.date {
    background: #fff
}

.samples-item-container .post-navigation-next .fa.fa-arrow-right,
.samples-item-container .post-navigation-prev .fa.fa-arrow-left {
    display: none
}

.price-calculator #datetimepicker {
    font-size: 12px !important;
    padding-left: 12px !important;
    font-family: Gotham Narrow, Verdana, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #2D3030;
    background-color: #F9F9F9;
}

.btn:not(:disabled):not(.disabled),
.navbar-toggler:not(:disabled):not(.disabled),
.page-link:not(:disabled):not(.disabled),
summary {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    top: -201px !important;
    left: -14px !important;
}
@media(max-width:762px){
    .bootstrap-datetimepicker-widget.dropdown-menu {
        top: -201px !important;
        left: -9px !important;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
    background-color: #fff;
    z-index: 8;
}

@media(max-width:567px) {
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 335px !important
    }

    .bootstrap-datetimepicker-widget table td.active::after,
    .bootstrap-datetimepicker-widget .day::after {
        width: 38px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        left: -7px !important;
    }
}

.closedatepicker {
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 12px;
    cursor: pointer;
}

.closedatepicker:hover {
    cursor: pointer;
    opacity: 0.9;
}

/*.timepicker {
    display: none;
}*/

.quantity .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    line-height: 38px;
    font-size: 12px;
    color: #4c4c4c;
    background: #fff;
    width: 50px;
    border-radius: 5px;
    border: none !important;
    margin-left: 0;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: 38px;
  }

.quantity .btn {
    z-index: 2;
    border: 1px solid #EFEDED !important;
}

.quantity .btn.btnLeft {
    width: 38px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

.quantity {
    margin-bottom: 28px;
    padding-top: 10px;
}

.btn.btnRight {
    width: 38px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

.select2-container {
    margin: 0;
    width: auto;
}
.ab1 .select2-container {
    z-index: 6;
}
.ab2 .select2-container {
    z-index: 7;
}

.select2-container--default .select2-selection--single {
    height: 40px;
    border: 1px solid #EFEDED !important;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 20px 0 15px;
    background: #fff url(/wp-content/themes/yourhomeworkhelpnew/img/icon-arow-down.svg) no-repeat right 10px center !important;
    height: 38px;
    line-height: 38px;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    border-radius: 4px;
    color:#333;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    background: #F9F9F9 url(/wp-content/themes/yourhomeworkhelpnew/img/icon-arow-down.svg) no-repeat right 10px center !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--open .select2-dropdown--above {
   
}

.select2-container--open .select2-dropdown--below {
    
}

.datetimepicker__close{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.today {
    background: #DBDBDB !important;
    border-radius: 50%;
}
.bootstrap-datetimepicker-widget .backgroud_period_deadline {
    background: #F1F1F1 !important;
    border-radius: 0 !important;
    position: relative;
}
.bootstrap-datetimepicker-widget .backgroud_period_deadline::before, 
.bootstrap-datetimepicker-widget .backgroud_period_deadline::after {
    content: '';
    background: #F1F1F1;
    height: 33px;
    width: 18px;
    display: block;
    position: absolute;
    left: -18px;
    top: 0;
    z-index: -1;
}

.bootstrap-datetimepicker-widget .backgroud_period_deadline::after {

    left: auto;
    right: -18px;

}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #05CD7D !important;
}

.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td span, 
.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td i {
    background: #06AD6B;
}
.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td span:hover, 
.datepricker-new-addon .bootstrap-datetimepicker-widget .picker-switch td i:hover {
    background: #09975B;
}

.bootstrap-datetimepicker-widget table td span:hover, 
.bootstrap-datetimepicker-widget table td i {
    color: #333;
}

.bootstrap-datetimepicker-widget table td span:hover, 
.bootstrap-datetimepicker-widget table td i:hover {
    color: #06AD6B;
}

.bootstrap-datetimepicker-widget .fa-chevron-up::before {
    content: "\f062";
}

.bootstrap-datetimepicker-widget .fa-chevron-down::before {
    content: "\f063";
}

  .calc-info-table{
     width: 100%;
  }
  .calc-info-table__row {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: space-between;
     margin-bottom: 2px;
  }
  .calc-info-table__column-1 {
     background: #485660;
     font-weight: 500;
     color: #fff;
     width: 40%;
     max-width: 40%;
     padding: 10px 12px;
     border-radius: 4px;
  }
  .calc-info-table__column-2 {
     background: #F1F1F1;
     font-weight: 400;
     width: 59%;
     max-width: 59%;
     padding: 10px 12px;
     border-radius: 4px;
     color: #333;
  }

  .btn-high-school {
    width: 33%;
    border-right: 1px solid #EFEDED;
  }
  .btn-college {
    width: 25%;
    border-right: 1px solid #EFEDED;
  }
  .btn-university {
    width: 25%;
    border-right: 1px solid #EFEDED;
  }
  .btn-phd {
    width: 17%;
  }

  .btn.btn-secondary.btn-custom.btn-high-school,
  .btn.btn-secondary.btn-custom.btn-college,
  .btn.btn-secondary.btn-custom.btn-university,
  .btn.btn-secondary.btn-custom.btn-phd {
    border: none;
    box-shadow: none;
  }

  .datetimepicker_wrap.datepricker-new-addon {
    margin-bottom: 10px;
  }

  .calc-num-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #A8A8A8;
    margin-top: 6px;
  }

  #calprice_div1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #333333;
  }

  .select2-dropdown {
    border: 1px solid #9AE7D0;
    z-index: 1051;
    box-shadow: 0px 4px 16px rgba(169, 173, 179, 0.15);
  }

  .select2-results__option {
    padding: 0 6px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #7D7D7D;
    font-weight: 400;
  }

  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #D4EEE6;
    color: #404E58;
  }
  
  .select2-container--default .select2-results__option--selected {
    background-color: #d4eee6;
    color: #404E58;
    background-image: url('/wp-content/themes/yourhomeworkhelpnew/img/icon-check.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
  }

  #main-info .cta-img {
    position: static;
    margin: 0 0 60px;
}
@media(max-width:1199px) and (min-width:991px){
    body #main-info .main-title {
        font-size: 34px;
    }
    body #main-info .cta-img{
        width:100%;
        margin: 0 0 110px;
    }
}
@media(max-width:991px) and (min-width:767px){

    body #main-info .cta-img{
        width: 100%;
        max-width: 711px;
        margin: 0 auto 60px;
        display: block;
    }
    body .price-calculator {
        margin: 0 auto 50px;
        max-width: unset;
    }
    body .datetimepicker_wrap.datepricker-new-addon, 
    body .quantity {
        width: 48%;
        padding-top: 0;
    }
    body .datetimepicker-quantity-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body .price-calculator #pages, .price-calculator #words {
        width: 225px;
    }
    
    .btn.btn-secondary.btn-custom.btn-high-school,
    .btn.btn-secondary.btn-custom.btn-college,
    .btn.btn-secondary.btn-custom.btn-university,
    .btn.btn-secondary.btn-custom.btn-phd {
        width:25%;
    }
}
@media(max-width:767px) {

    body #main-info .cta-img{
        width: 100%;
        max-width: 711px;
        margin: 0 auto 60px;
        display: block;
    }
    body .price-calculator {
        margin: 0 auto 50px;
    }	
    body .price-calculator #pages, body .price-calculator #words {
        width: 250px;
    }		
}
@media(max-width:400px) {
    body .price-calculator #pages, body .price-calculator #words {
        width: 175px;
    }
}