@charset "utf-8";
        /* CSS Document */
        
         ::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #3F3F3F;
            font-size: 13px;
        }
        
         :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #3F3F3F;
            font-size: 13px;
        }
        
         ::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #3F3F3F;
            font-size: 13px;
        }
        
        body {
            font-family: 'Montserrat' !important;
            overflow-x: hidden;
        }
        
        html {
            --scrollbarBG: none;
            --thumbBG: #d2d2d2;
        }
        
        body::-webkit-scrollbar {
            width: 7px !important;
            scrollbar-width: thin;
        }
        
        body::-webkit-scrollbar-track {
            background: var(--scrollbarBG);
        }
        
        body::-webkit-scrollbar-thumb {
            background-color: var(--thumbBG);
            border-radius: 6px;
            border: 3px solid var(--scrollbarBG);
        }
        
        body div::-webkit-scrollbar {
            width: 7px !important;
        }
        
        body div::-webkit-scrollbar-track {
            background: var(--scrollbarBG);
        }
        
        
        


        body div::-webkit-scrollbar-thumb {
            background-color: var(--thumbBG);
            border-radius: 6px;
            border: 3px solid var(--scrollbarBG);
        }
        
        /*********** custome ***************/
        

        /* .start_request_button {display: none;} */
        
        .stock_responsive {padding: 0 !important;
            max-width: 100% !important;}

        .save_for {background: #004085 !important;
            border: none !important;
            color: #ffffff !important;} 
            

        .jq-icon-error {word-break: break-all;}

        .custom_popup{max-width: 469px !important;
            margin: 1.75rem auto;}

        .stock_popup {
            border: none;
    background: #1151b1 !important;
    margin-top: -3em !important;
        }

        

        .floor_popup {
            border: none;
    background: #1151b1 !important;
    margin-top: -3em !important;
        }
        

        .radio_text{font-size: 11.5px !important; padding-left: 19px !important;}

        .upload_plans {font-size: 1.9vh;}
        
        .plus_button{max-width: 16px !important;
            margin: 0 !important;}

        .dark_blue{color: #104697;}

        .graphic_head{width: 100%;
            height: auto;
            margin: 0px auto;
            text-align: center;
            padding-top: 0.5em;
            background: #f8f8f9;
            border-top-left-radius: 5px;
        border-top-right-radius: 5px;}

        .stock_head {
            width: 100%;
            height: auto;
            margin: 0px auto;
            text-align: center;
            padding-top: 0.5em;
            background: #f8f8f9;
            border-top-left-radius: 4px;
            border-top-right-radius: 3px;
        }

        .floor_head {
            width: 100%;
            height: auto;
            margin: 0px auto;
            text-align: center;
            padding-top: 0.5em;
            background: #f8f8f9;
            border-top-left-radius: 4px;
            border-top-right-radius: 3px;
        }

        .stock_submit {width: 100%;
            height: auto;
            padding: 0rem 1rem 1rem 1rem;
            border-top: 1px solid #0846a3;}

            .floor_submit {width: 100%;
                height: auto;
                padding: 0rem 1rem 1rem 1rem;
                border-top: 1px solid #0846a3;}
    

        .upload_bgcolor{background: #e4e4e4 !important;}

        .blue_button {background: #08429a !important;
            border: none !important;}

            .add_button9{background: #08429a !important;
                /* border: none !important; */
                border: 2px solid #376ec1 !important;}

            .red_button{background: #bb2842 !important;
                border: none !important;}

        .add_graphics {width: 100%;height: auto;margin: 0px auto; text-align: center !important; margin-top: 1em;}

        .add_button{border-radius: 50px !important;}

        

        .modal-dialog1 {margin-top: 2em !important;
            max-width: 544px !important;
            margin: 23px 50px 0px 50px !important;}

        .upload_images{
            background: #e2e2e2 !important;}

        .base_nillnotifications{
            width: 100%; height: 50vh; float: left;
        }

        .base_nillnotifications h6{

            position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #2b60ad;
    font-weight: 400;

        }

        .upload_button9{
            right: 3px;
            bottom: 0;
            /* margin: 1em; */
            background: #3c74c7 !important;
            color: white;
            margin-bottom: 0.7em;
            margin-right: 3.7em;
            position: inherit;
            /* right: 0 !important; */
            float: right;}

        .yellow_color { color: #e4d97d;   }

        .padding_home_second{padding: 1.5rem !important;
        }

        .notification_box{margin: 1em 0em 2em -7em !important;
        }



        .logout_user{max-width: 19px !important;}

        .notification_buyer{max-width: 19px !important;}
    
.notify{font-size: 2.5vh !important;
    line-height: 23px !important;}
      
.blue_sign{color: #3889bd !important;}
        .invite_button{color: #2b60ad !important;
    font-weight: 600 !important;
border-radius: 9px !important;
background: #d1dcf1 !important;}

.invite_button:hover{color: #2b60ad !important;
    font-weight: 600 !important;
border-radius: 9px !important;
background: #ffffff !important;}


        .invite{width: 100%;
            background: none;
            height: auto;
            float: left;
            padding: 2em;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: none;}

        .start_request{position: absolute;
            border-radius: 50px !important;
            background-color: #2b60ad !important;
            float: left;
            left: 38px;
            /* margin-top: 3em; */
            border: none !important;
            box-shadow: 2px 2px 2px #1a4f9c;
            border: 2px solid #3a8bbf !important;
            position: absolute;
            left: 7em;
            top: 34vh;
            transform: translate(-50%, -50%);
        }


        .start_request_mobile{position: absolute; border-radius: 50px !important; background-color: #2b60ad !important;
            float: left;
            left: 38px;
            margin-top: 2em;
            border: none !important;
    box-shadow: 2px 2px 2px #1a4f9c;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        }

        .start_request1 {
            position: absolute;
            border-radius: 50px !important;
            background-color: #2b60ad !important;
            float: left;
            left: 119px !important;
            margin-top: 5.9em;
            border: none !important;
            box-shadow: 2px 2px 2px #1a4f9c;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        

        .flex_grow_responsive{flex-basis: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 0.17;
            max-width: 100%;}

        .product_image{width:100%; max-width:48%}

        .product_main{width: 100%; height:auto; margin: 0; padding: 0;}
        
        .font_main{font-family: 'Montserrat' !important;
            font-size: 17px !important;
            color: #072f65 !important;
            font-weight: 600;}

    .uplaod_file{font-size: 19px !important;
        text-align:  center !important;
        color: #072f65 !important;
    }
        
        .dashboard {
            margin-top: 0.9em;
            margin-right: 0.9em;
        }
        
        .notification_badge {
            margin-top: 1em;
            margin-right: 1em;
        }
        
        .modal{z-index:999 !important;}

        .has-search .form-control {
            padding-left: 2rem;
            border-radius: 50px;
            /* padding-right: 0em; */
            width: 150px !important;
            width: auto;
        }
        
        .navbar {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0.5rem 0.5rem !important;
        }
        
        .form-control {
            width: 100% !important;
        }
        
        .att_logo {
            max-width: 53px;
        }
        
        .navbar {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0.2rem 0.2rem;
        }
        /************ custome ******************/
        /************* slider ******************/

        .clear_all {width: 100% !important;
            padding: 0px;
            clear: both;
            max-width: 319px !important;}
        
        .thankyou {
            background: none;
            border: none;
            text-shadow: 2px 2px 2px #042e5a;
            color: #eae8e4;
            font-size: 2.5vh;
            text-transform: inherit;
            font-weight: 600;
            width: 100% !important;
            padding-left: 1em;
            text-align: center;
            padding-right: 1em;
            margin: 0;
            top: 35%;
            width: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            letter-spacing: 0.2px;
            overflow-wrap: break-word;
        }
        
        .active,
        .btn:hover {
            color: white;
        }
        
        .owl-nav button {
            position: absolute;
            top: 50%;
            background-color: #000;
            color: #fff;
            margin: 0;
            transition: all 0.3s ease-in-out;
        }
        
        .owl-nav button.owl-prev {
            left: 0;
        }
        
        .owl-nav button.owl-next {
            right: 0;
        }
        
        .owl-dots {
            text-align: center;
            padding-top: 15px;
        }
        
        .owl-dots button.owl-dot {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            display: inline-block;
            background: #ccc;
            margin: 0 3px;
        }
        
        .owl-dots button.owl-dot:focus {
            outline: none;
        }
        
        .owl-nav button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(48, 50, 56, 0.7) !important;
        }
        
        span1 {
            font-size: 70px;
            position: relative;
            top: -5px;
        }
        
        .owl-nav button:focus {
            outline: none;
        }
        
        .navbar-light .navbar-toggler {
            display: none;
        }
        /*********** slider *****************/
        /****************** normal_menu ************************/
        
        .menu_align {
            margin-top: 0px;
            padding: 0px;
            width: auto;
        }
        
        .menu_align ul {
            margin-top: 0px;
            color: #fff;
            display: inline-flex;
            margin: 0;
            float: left;
            white-space: nowrap;
            padding: 0;
        }
        
        .menu_align ul li {
            list-style: none;
            font-size: 13px;
            color: #fff;
            float: right;
            margin-left: 1.2em;
        }
        
        .menu_align ul li a {
            color: #fff;
        }
        
        .menu_align ul li a:hover {
            color: #fff !important;
            text-decoration: none;
        }
        /************* normal_menu *******************/
        /********************* notification *************************/
        
        .dropdown-item {
            white-space: normal !important;
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        
        .dropdown-list {
            width: 321px;
    float: right !important;
    left: -5em !important;
            border-bottom: 2px solid red;
        }
        
        .all_not {
            background: #e6e7e8 !important;
            margin-top: 1em !important;
        }
        
        .dropdown-header {
            display: block;
            padding: .5rem 1.5rem;
            margin-bottom: 0;
            font-size: .875rem;
            color: #ffffff !important;
            white-space: nowrap;
            top: 0;
            background: #2b60ad;
            padding-top: 1em !important;
            padding-bottom: 1em !important;
        }
        
        .dropdown-menu {
            padding: 0 !important;
        }
        
        .size_text_17 {
            font-size: 17px !important;
        }
        
        .menu_align ul li a {
            color: #1d1d1d;
            font-weight: 400;
            font-size: 13px;
        }
        
        .menu_align ul li a:hover {
            color: #3e3e3e !important;
            font-size: 13px;
        }
        
        .align-items-center {
            color: #1d1d1d;
        }
        
        .small {
            color: #1d1d1d;
        }
        
        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
            display: none !important;
        }
        
        .notification_button {
            background-color: #1d1d1d;
            color: white;
            text-decoration: none;
            position: relative;
            display: inline-block;
            border-radius: 2px;
            font-size: 17px;
            margin-right: 1em;
            padding: 0 !important;
        }
        
        .notification_button:hover {
            background: none;
        }
        
        .notification_button .badge {
            position: absolute;
    top: -12px;
    right: -10px;
    padding: 5px 5px;
    min-width: 19px;
    font-size: 10px !important;
    width: auto;
    height: 18px;
    border-radius: 50px;
    background-color: #e61e29;
    color: white;
        }
        
        .badge {
            font-weight: 600 !important;
            font-size: 12px !important;
        }
        
        .icon_notification {
            font-size: 19px;
            color: #fff;
        }
        /********************** notification ************************/
        /********************** go_hom **********************/
        
        .goto_home {
            border: 2px solid white;
            background: #004085;
            border-radius: 50px;
            font-weight: 600;
            margin-top: 2em;
            font-size: 12px;
            color: white;
            padding: 0.5em 0.9em 0.5em 0.9em;
        }
        
        .goto_home:hover {
            border: 2px solid white;
            background: #3376bd;
            font-size: 12px;
            border-radius: 50px;
            margin-top: 2em;
            color: white;
            padding: 0.5em 0.9em 0.5em 0.9em;
        }
        /*************** go_hom ********************************/
        /************************* zoom_poup *********************/
        
        #myImg {
            border-radius: 5px;
            border: 1px solid #cad8ec;
            cursor: pointer;
            transition: 0.3s;
        }
        
        #myImg:hover {
            opacity: 0.7;
        }
        /* The Modal (background) */
        
        .modal {
            display: none;
            /* Hidden by default */
            position: fixed;
            /* Stay in place */
            z-index: 999;
            /* Sit on top */
            padding-top: 100px;
            /* Location of the box */
            left: 0;
            top: 0;
            width: 100%;
            /* Full width */
            height: 100%;
            /* Full height */
            overflow: auto;
            /* Enable scroll if needed */
            background-color: rgba(0, 0, 0, 0.7);
            /* Black w/ opacity */
        }
        /* Modal Content (image) */
        
        .modal-content {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
        }
        /* Caption of Modal Image */
        
        #caption {
            margin: auto;
            display: block;
            width: 80%;
            max-width: 700px;
            text-align: center;
            color: #ccc;
            padding: 10px 0;
            height: 150px;
        }
        /* Add Animation */
        
        .modal-content,
        #caption {
            -webkit-animation-name: zoom;
            -webkit-animation-duration: 0.6s;
            animation-name: zoom;
            animation-duration: 0.6s;
        }
        
        @-webkit-keyframes zoom {
            from {
                -webkit-transform: scale(0)
            }
            to {
                -webkit-transform: scale(1)
            }
        }
        
        @keyframes zoom {
            from {
                transform: scale(0)
            }
            to {
                transform: scale(1)
            }
        }
        /* The Close Button */
        
        .close {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1 !important;
            font-size: 40px !important;
            font-weight: bold;
            transition: 0.3s;
        }
        
        .close:hover,
        .close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }
        /* 100% Image Width on Smaller Screens */


        
      

        
        
        @media only screen and (max-width: 700px) {
            .modal-content {
                width: 100%;
            }

            .mobile_back {font-size: 12px !important;}
        }
        /*********************** zoom_popup *******************************/
        /********************* file *************************/
        
        .media-list li img {
            width: 100px;
            height: 100px;
            border-radius: 5px;
        }
        
        .media-list li {
            height: 102px
        }
        
        .media-list li video {
            width: 100px;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }
        
        div.hint_brand .modal-dialog {
            top: 110px;
            width: 567px;
            max-width: 100%
        }
        
        li.myupload span {
            position: relative;
            width: 100px;
            height: 100px;
            display: block;
            background: #fff;
            cursor: pointer;
        }
        
        li.myupload span input {
            opacity: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            cursor: pointer;
            left: 0;
            right: 0
        }
        
        li.myupload span i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #ccc;
            font-size: 54px;
            color: #9e9898;
        }
        
        .media-list li {
            float: left;
            border: 1px solid #ccc;
            background: #ccc;
            position: relative;
            margin: 0 5px 5px 0;
            width: 102px;
            border-radius: 5px;
        }
        
        .media-list li:last-child {
            margin-right: 0
        }
        
        .post-thumb {
            position: absolute;
            background: rgba(0, 0, 0, 0.4);
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: none;
            border-radius: 5px;
        }
        
        .media-list li:hover .post-thumb {
            display: block
        }
        
        a.remove-pic {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 12px;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 50%;
            display: block;
            height: 25px;
            width: 25px;
            text-align: center;
            padding: 3px 0
        }
        
        .inner-post-thumb {
            position: relative
        }
        
        .user-post-text-wrap {
            position: relative
        }
        
        .user-pic-post {
            position: absolute;
            width: 50px;
            height: 50px;
            top: 0;
            left: 0
        }
        
        .user-pic-post img {
            width: 100%
        }
        
        .user-txt-post {
            padding: 0 0 0 65px
        }
        
        textarea.form-control.upostTextarea {
            border: 0;
            box-shadow: none;
            height: 85px;
            resize: none
        }
        
        .user-post-text-wrap {
            border-bottom: 1px solid #ccc;
            margin: 0 0 15px
        }
        
        .user-post-btn-wrap {
            margin: 25px 0 0
        }
        
        ul.btn-nav {
            list-style: none;
            padding: 0;
            margin: 0
        }
        
        ul.btn-nav li {
            position: relative;
            float: left;
        }
        
        ul.btn-nav li span input {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 9;
            opacity: 0;
            filter: alpha(opacity=100)
        }
        
        ul.media-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .upload {
            list-style: none;
            padding: 0;
            margin: 0px;
            width: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .upload_button {
            background: #2b60ad;
            border-radius: 50px;
            padding: 0.2em 1em 0.2em;
            border: 2px solid #ffffff;
            color: #ffffff;
            margin: 0.5em;
            font-size: 11.5px;
            font-weight: 600;
        }
        /*************** file ******************/
        /************************* scroll **************************/
        
        .scroll_vertical {
            height: 450px;
            overflow-y: scroll;
            scrollbar-width: thin;
        }
        
        .scroll_image {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            display: inline-block;
            display: flex;
            -webkit-overflow-scrolling: touch;
        }
        
        .scroll_image img {
            padding: .25rem;
            background-color: #fff;
            border: 1px solid #dee2e6;
            border-radius: .25rem;
            max-width: 37%;
            height: auto;
            margin-right: 7px;
        }
        
        .so-wrapper {
            position: relative;
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 15px;
            overflow: hidden;
        }
        
        .so-wrapper .col-1,
        .so-wrapper .col-2 {
            position: relative;
            display: inline-block;
            border-radius: 2px;
            width: 50%;
            height: inherit;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            overflow: auto;
            padding: 10px 15px;
        }
        
        .so-wrapper .col-1 {
            float: left;
        }
        
        .so-wrapper .col-2 {
            float: right;
        }
        
        .scroll-style-1::-webkit-scrollbar {
            background: none;
            border-radius: 50px;
            width: 3.5px;
            height: 6.5px;
        }
        
        .scroll-style-1::-webkit-scrollbar-thumb {
            background: #165192;
            border-radius: 50px;
        }
        /*********************** scroll *****************************/
        /******************* search *********************/
        
        #custom-search-input {
            margin: 0;
            margin-top: 10px;
            padding: 0;
        }
        
        #custom-search-input .search-query {
            width: 100%;
            padding-right: 3px;
            padding-left: 15px;
            margin-bottom: 0px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 50px;
            padding-left: 2em;
            padding-right: 2em;
        }
        
        #custom-search-input button {
            border: 0;
            background: none;
            padding: 2px 5px;
            margin-top: 2px;
            position: absolute;
            /* right: 0; */
            left: 0;
            margin-bottom: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #D9230F;
            cursor: unset;
            z-index: 2;
        }
        
        .search-query:focus {
            z-index: 0;
        }
        /********************* search **************************/
        
        .font_small {
            font-size: 12px;
        }
        
        .width_70 {
            width: 70px !important;
        }
        
        .center_main {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        
        .normal_text {
            font-size: 13px;
        }
        
        .back_button {
            background: #004085;
            border: 1px solid #004085;
            border-radius: 5px;
            /* border: none; */
            padding: 0.4em 1.2em 0.4em 1.2em;
            float: right;
            color: #ffffff;
            font-weight: 400;
            box-shadow: 2px 2px 2px #1e4682;
        }
        
        .next_button {
            background: #6dcbd1;
            border: 1px solid #6dcbd1;
            border-radius: 5px;
            /* border: none; */
            padding: 0.4em 1.2em 0.4em 1.2em;
            float: right;
            color: #004085;
            font-weight: 600;
            box-shadow: 2px 2px 2px #1e4682;
        }
        
        .next_button:hover {
            background: #004085;
            color: white;
            border: 1px solid #1f529c;
            box-shadow: 2px 2px 2px #1e4682;
        }
        
        .normal_type {
            font-size: 0.8rem;
        }
        
        .main_menu {
            width: 100%;
        }
        
        .head_mobile {
            width: 100%;
            height: auto;
        }
        
        .head_mobile h3 {
            font-size: 20px !important;
            font-weight: 900;
            text-align: center;
            padding-bottom: 1em;
        }
        
        .nav_bar {
            font-size: 22px;
            cursor: pointer;
            color: white;
        }
        
        .search {
            border-radius: 50px;
            border: none;
            padding-left: 1em;
            margin-right: 2em;
        }
        
        .padding_left_0 {
            padding-left: 0 !important;
        }
        
        .padding_right_0 {
            padding-right: 0 !important;
        }
        
        .header_loc {
            margin-top: 0.7em;
        }
        
        .bg_black {
            background-color: #1d1d1d !important;
        }
        
        .container_me {
            max-width: 1844px;
        }
        
        .logo_width {
            max-width: 165px;
        }
        
        .bg_card {
            background-image: linear-gradient( 109.6deg, rgba(63, 143, 228, 0.9) 11.3%, rgba(78, 158, 218, 0.9), rgba(50, 122, 175, 0.9), #1960ad, #1e5fa5), url(../img/bg.png);
            background-repeat: no-repeat;
            height: auto;
            min-height: 70vh;
        }
        
        .center {
            position: absolute;
            left: 50%;
            top: 1em;
            transform: translate(-50%, -50%);
            border-left: 2px solid white;
            padding-left: 0.9em;
            max-height: 135px;
        }
        
        .vl {
            border-left: 6px solid green;
            height: 200px;
        }
        
        .logo {
            margin-left: 1em;
            margin-bottom: 4em;
            padding-bottom: 1em;
            width: 100%;
            margin-top: -4em;
        }
        
        .logo img {
            max-width: 59px;
            margin-top: 2em;
        }
        
        .right_box {
            background-color: #2b60ad;
            margin-top: 2em;
            border-radius: 7px;
            min-height: 65vh;
        }
        
        .color_head {
            color: #6dcbd1 !important;
        }
        
        .color_label {
            color: #6dcbd1 !important;
            font-weight: 600;
            font-size: 15px;
            padding-bottom: 7px;
        }
        
        .start_text {
            font-size: 2.2vh;
            margin-top: 0.5em;
            background: #184990;
            width: auto;
            text-align: center;
            border-radius: 50px;
            padding-top: 0.7em;
            padding-bottom: 0.7em;
        }
        
        .form-control {
            font-size: 12px !important;
            padding-left: 0.5em;
            border: none !important;
            box-shadow:none;
        }
        
        .font_small {
            font-size: 13.5px;
        }
        /**************************** radio **********************************/
        
        .container1 {
            display: inline;
            position: relative;
            padding-left: 27px;
            margin-bottom: 12px;
            cursor: pointer;
            padding-right: 1em;
            font-size: 2vh;
            color: white;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            font-weight: 600;
            user-select: none;
        }
        /* Hide the browser's default radio button */
        
        .container1 input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }
        /* Create a custom radio button */
        
        .checkmark {
            position: absolute;
    left: 0;
    height: 15px;
    width: 15px;
    background: none;
    border: 2px solid white;
    border-radius: 50%;
    top: 0px;
        }
        /* On mouse-over, add a grey background color */
        
        .container1:hover input~.checkmark {}
        /* When the radio button is checked, add a blue background */
        
        .container1 input:checked~.checkmark {
            background: none;
        }
        /* Create the indicator (the dot/circle - hidden when not checked) */
        
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }
        /* Show the indicator (dot/circle) when checked */
        
        .container1 input:checked~.checkmark:after {
            display: block;
        }
        /* Style the indicator (dot/circle) */
        
        .container1 .checkmark:after {
            top: 0.1px;
            left: 0.1px;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #2196f3;
            /* border: 1px solid rgba(0, 0, 0, 0.1); */
            box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.3), inset 0 -2px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.9);
        }
        
        .select_product {
            position: fixed;
            top: 3px;
            right: 3px;
            box-shadow: 1px 1px 1px #4a4848;
            border-radius: 50px;
            width: 15px;
            background: #ffffff;
            height: 20px;
            width: 20px;
            margin-left: 0.3em;
        }
        /********************************** radio ***************************/
        /***************************** checkmark ************************/
        
        .container_6 {
            display: block;
            position: relative;
            padding-left: 25px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 14px;
            -webkit-user-select: none;
            font-weight: 600;
            color: white;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* Hide the browser's default checkbox */
        
        .container_6 input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        /* Create a custom checkbox */
        
        .checkmark_6 {
            position: absolute;
            top: 0;
            left: 0;
            height: 19px;
            width: 19px;
            border-radius: 2px;
            background-color: #fff;
        }
        /* When the checkbox is checked, add a blue background */
        
        .container_6 input:checked~.checkmark_6 {
            background-color: #2196F3;
        }
        /* Create the checkmark/indicator (hidden when not checked) */
        
        .checkmark_6:after {
            content: "";
            position: absolute;
            display: none;
        }
        /* Show the checkmark when checked */
        
        .container_6 input:checked~.checkmark_6:after {
            display: block;
        }
        /* Style the checkmark/indicator */
        
        .container_6 .checkmark_6:after {
            left: 8px;
            top: 3px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0px 2px 2px 0px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        /************************ checkmark *************************/
        
        .container2 {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* Hide the browser's default checkbox */
        
        .container2 input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        /* Create a custom checkbox */
        
        .checkmark1 {
            position: fixed;
            top: 3px;
            /* left: 0; */
            right: 3px;
            height: 15px;
            box-shadow: 1px 1px 1px #4a4848;
            border-radius: 2px;
            width: 15px;
            background: #ffffff;
        }
        /* On mouse-over, add a grey background color */
        
        .container2:hover input~.checkmark1 {}
        /* When the checkbox is checked, add a blue background */
        
        .container2 input:checked~.checkmark1 {
            background-color: #2196F3;
        }
        /* Create the checkmark/indicator (hidden when not checked) */
        
        .checkmark1:after {
            content: "";
            position: absolute;
            display: none;
        }
        /* Show the checkmark when checked */
        
        .container2 input:checked~.checkmark1:after {
            display: block;
        }
        /* Style the checkmark/indicator */
        
        .container2 .checkmark1:after {
            left: 6px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        /*********************** menu ******************************/
        
        .overlay {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.9);
            overflow-x: hidden;
            transition: 0.5s;
        }
        
        .overlay-content {
            position: relative;
            top: 25%;
            width: 100%;
            text-align: center;
            margin-top: 30px;
        }
        
        .overlay a {
            padding: 8px;
            text-decoration: none;
            font-size: 36px;
            color: #818181;
            font-weight: 600;
            display: block;
            transition: 0.3s;
        }
        
        .overlay a:hover {
            text-decoration: none;
        }
        
        .overlay a:hover,
        .overlay a:focus {
            color: #f1f1f1;
        }
        
        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 45px;
            font-size: 60px;
        }

        @media (max-width:575px) {

.label_common {display: none;}
            
        }
        
        @media (min-width:320px) and (max-width:568px) {
            .nav_bar {
                font-size: 22px !important;
                cursor: pointer;
                color: white;
                margin-top: -4.2em !important;
            }
            .dashboard {
                display: none;
            }
            .att_logo {
                max-width: 35px !important;
                margin-right: 2em;
                float: right;
                width: 100%;
                margin-top: 0em;
            }
            .logo_width {
                max-width: 144px;
            }

            .notification_button .badge {
                position: absolute;
    top: -12px;
    right: 71%;
    /* padding: 5px 10px; */
    min-width: 19px;
    width: auto;
    font-size: 10px !important;
    height: 19px;
    border-radius: 50px;
    background-color: #e61e29;
    color: white;
            }

            .notify {
                font-size: 2.2vh !important;
                line-height: 23px !important;
            }

        }

        
        @media (min-width:411px) and (max-width:823px) {
            .nav_bar {
                font-size: 21px !important;
                cursor: pointer;
                color: white;
                margin-top: -4.2em !important;
            }
        }
        
        @media (min-width:414px) and ( max-width:714px) {
            .nav_bar {
                font-size: 21px !important;
                cursor: pointer;
                color: white;
                margin-top: -3.9em !important;
            }
        }
        
        @media(max-height: 450px) {
            .overlay a {
                font-size: 20px
            }
            .overlay .closebtn {
                font-size: 40px;
                top: 15px;
                right: 35px;
            }
        }
        
   @media (max-width:768px) {
            .att_logo {
                max-width: 53px;
                margin-top: 0em;
            }
            .notification_box{margin: 1em 0em 2em -7em !important;
            }

            .upload_plans {font-size: 1.vh;}

            .responsive_stock {display: inline-grid;}
            
            
        }
        
        @media (max-width:991px) {
            .center {
                display: none;
            }

            .notification_buyer{margin-top: 0.3em !important;}
            .start_request{display: none !important;}


            .padding_right_0 {
                padding-right: 6px !important;
            }
            .padding_left_0 {
                padding-left: 6px !important;
            }
            .nav_bar {
                font-size: 27px;
                cursor: pointer;
                color: white;
                margin-top: -3.2em;
                float: right;
                position: absolute;
                right: 7px;
                bottom: 2em;
            }
            .right_box {
                background-color: #2b60ad;
    border-radius: 7px;
    min-height: 65vh;
            }
            .h2,
            h2 {
                font-size: 1.5rem !important;
            }
            .att_logo {
                max-width: 47px;
                float: right;
                width: 100%;
                margin-top: 0em;
            }
            .logo img {
                max-width: 51px;
                margin-top: 5em;
            }
            .mobile_not {
                margin-top: 0px;
                color: #fff;
                display: inline-flex;
                margin: 0;
                position: absolute;
                top: 12px;
                /* left: 0; */
                right: -0.5em;
            }
        }

        @media (min-width:992px){



            .dashboard {
                margin-top: 0.5em;
                margin-right: 0.9em;
            }

        }
        
        @media (max-width:768px) {
            .dropdown-list {
                width: 310px;
    float: right !important;
    left: -6.5em !important;
            }
            .search_field {
                width: 100% !important;
            }
            .has-search .form-control {
                width: 100% !important;
            }
        }
        
        @media screen and (min-width:992px) {
            .head_mobile {
                display: none;
            }
        }

        @media (min-width:1024px) and ( max-width:1036px) { 
            
            .radio_text{font-size: 1.2vh !important; padding-left: 19px !important;}
          
            .notify{font-size: 1.5vh !important;
              line-height: 23px !important;}
          
          }
          

        @media (min-width:1266px) and ( max-width:1369px) { 
            
          .radio_text{font-size: 1.8vh !important; padding-left: 19px !important;}
        
          .notify{font-size: 2.7vh !important;
            line-height: 23px !important;}
        
        }
        
        /************************* menu ***************************/
        /*************** loader ******************/
        
        #loader {
            width: 100%;
            height: 100%;
            top: 0px;
            position: fixed;
            z-index: 99999;
            background: rgba(255, 255, 255, 0.54);
        }
        
        .circular {
            animation: rotate 2s linear infinite;
            height: 50px;
            transform-origin: center center;
            width: 50px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            margin: auto;
        }
        
        .path {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            stroke-linecap: round;
        }
        
        @keyframes rotate {
            100% {
                transform: rotate(360deg);
            }
        }
        
        @keyframes dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0;
            }
            50% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -35px;
            }
            100% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -124px;
            }
        }
        
        @keyframes color {
            100%,
            0% {
                stroke: #d62d20;
            }
            40% {
                stroke: #0057e7;
            }
            66% {
                stroke: #008744;
            }
            80%,
            90% {
                stroke: #ffa700;
            }
        }
        /*************** loader ******************/

        
    .required-field::after {
      content: "*";
      color: red;
    }
    .dimcls
    {
        width: 350px;
        font-size: 16px;
    }