/*===============*/


/*===========================================================*/


/*===========================================================*/

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}

 ::-webkit-scrollbar-thumb:hover {
    background: #525965;
}

 ::-webkit-scrollbar-thumb:active {
    background: #525965;
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

 ::-webkit-scrollbar-track:hover {
    background: transparent;
}

 ::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


/*===========================================================*/

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-ThinItalic.woff2') format('woff2'), url('../fonts/Roboto-ThinItalic.woff') format('woff'), url('../fonts/Roboto-ThinItalic.ttf') format('truetype'), url('../fonts/Roboto-ThinItalic.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic.woff2') format('woff2'), url('../fonts/Roboto-LightItalic.woff') format('woff'), url('../fonts/Roboto-LightItalic.ttf') format('truetype'), url('../fonts/Roboto-LightItalic.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url('../fonts/Roboto-RegularItalic.eot');
    src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('../fonts/Roboto-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-RegularItalic.woff2') format('woff2'), url('../fonts/Roboto-RegularItalic.woff') format('woff'), url('../fonts/Roboto-RegularItalic.ttf') format('truetype'), url('../fonts/Roboto-RegularItalic.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic.woff2') format('woff2'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), url('../fonts/Roboto-BoldItalic.woff') format('woff'), url('../fonts/Roboto-BoldItalic.ttf') format('truetype'), url('../fonts/Roboto-BoldItalic.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic.woff2') format('woff2'), url('../fonts/Roboto-BlackItalic.woff') format('woff'), url('../fonts/Roboto-BlackItalic.ttf') format('truetype'), url('../fonts/Roboto-BlackItalic.svg#Roboto') format('svg');
}


/*==================================================================*/

#listing .panel-heading1 {
    padding: 0;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#listing .panel-default>.panel-heading1 {
    color: #fff;
    background-color: #00BFFF;
    border-color: transparent;
}

#listing .panel-title>a,
#listing .panel-title>a:active {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    word-spacing: 0;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #fff;
}


/* #listing .panel-heading1 a:before,
#listing .panel-type a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
} */

#listing .panel-heading1 a:before,
#listing .panel-type a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f142";
    float: right;
    transition: all 0.5s;
    padding-right: 10px;
}

#listing .panel-heading1.active a:before,
#listing .panel-type.active a:before {
    transform: rotate(0deg);
}

#listing .panel-group {
    margin-bottom: 0;
}

#listing .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

#listing .panel {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

#listing .panel-group .panel+.panel {
    margin-top: 1px;
}

#listing .panel-body {
    padding: 3px;
    max-height: 635px;
    overflow: auto;
}

#listing .custom_checkbox_panel {
    padding-left: 5px;
}

#listing .custom_checkbox_panel .checkbox {
    margin-top: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
}

#listing .custom_checkbox_panel .checkbox label {
    font-size: 13px;
    line-height: 24px;
}

#listing .custom_checkbox_panel .checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.deep_blue {
    background-color: #00BFFF !important;
}


/*button color set*/

.btn-default {
    color: #fff;
    background-color: #a0a0a0;
    border-color: #808080;
    transition: all 0.3s ease 0s;
}

.btn-primary {
    color: #fff;
    background-color: #039be5;
    border-color: #0590d4;
    transition: all 0.3s ease 0s;
}

.btn-success {
    color: #fff;
    background-color: #00BFFF;
    border-color: #00BFFF;
    transition: all 0.3s ease 0s;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #3f80ea;
    border-color: #3f80ea;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
    background-color: #3f80ea;
    border-color: #3f80ea;
}

.btn-warning {
    color: #fff;
    background-color: #ff6f00;
    border-color: #de680e;
    transition: all 0.3s ease 0s;
}

.btn-danger {
    color: #fff;
    background-color: #999;
    border-color: #999;
    transition: all 0.3s ease 0s;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #a2a2a2;
    border-color: #a2a2a2;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
    background-color: #a2a2a2;
    border-color: #a2a2a2;
}


/*==================================================================*/


/*button color set End*/

body {
    font-family: 'Roboto-Regular' !important;
    color: #111;
    /*  background: #f2f3f8;
    background: url(../images/darkgrain.png) repeat; */
    background: #fff;
}

img {
    max-width: 100%;
}

button:hover i {
    transform: rotate(360deg);
    transition: all 0.3s ease 0s;
}


/*Header Panel*/

header {
    box-shadow: 0 0px 7px 0px rgba(0, 0, 0, 0.15);
    /* box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); */
    height: 70px;
    background: #337ab7;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
}

.irrigation-logo {
    display: flex;
    float: left;
    margin: 0;
    color: #0072ae;
    height: 100%;
    padding-left: 5px;
    align-items: center;
}

.irrigation-logo span.logoImg {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    padding: 0;
    width: 70px;
    margin-right: 10px
}

.irrigation-logo span.logoImg img {
    width: 100%;
}

.irrigation-logo p {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
}

.irrigation-logo p span {
    display: block;
    font-size: 14px;
    color: #001921;
}

.user-right-contrl {
    float: right;
    margin-left: auto;
    height: 70px;
    display: flex;
    align-items: center;
}

.user-right-contrl>ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

.user-right-contrl>ul>li {
    display: block;
    float: left;
}

.user-right-contrl>ul>li img {
    width: 30px;
    height: 30px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #2db8f8;
}

.user-right-contrl .dropdown .btn {
    border-radius: 0;
    padding: 0 15px;
    height: 70px;
    background: transparent;
    outline: none;
}

.user-right-contrl .dropdown .btn:active {
    box-shadow: none;
}

.user-right-contrl .dropdown .dropdown-menu {
    right: 15px;
    left: auto;
    border-radius: 4px;
    margin: 0;
    margin-top: 10px;
    min-width: 200px;
    padding: 15px;
}

.user-right-contrl .dropdown .dropdown-menu::before {
    content: "";
    border: 10px solid transparent;
    border-left-color: #fff;
    border-top-color: #fff;
    position: absolute;
    border-radius: 3px;
    top: -8px;
    right: 15px;
    -webkit-box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
    box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1002;
}

.user-right-contrl .dropdown .dropdown-menu li a {
    padding: 5px 5px;
    color: #696969;
    transition: all 0.3s ease;
}

.user-right-contrl .dropdown .dropdown-menu li a:hover {
    background: #E9E9E9;
    color: #272727;
}

.user-right-contrl .dropdown .dropdown-menu li a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 20px;
    padding-right: 10px;
    text-align: center;
}

.user-right-contrl .dropdown .dropdown-menu li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 5px;
}

.user-right-contrl .dropdown .btn i.material-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    color: #40444e;
}

.user-right-contrl .dropdown .btn p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 2px;
    padding-right: 10px;
}

.user-right-contrl .dropdown .caret {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    color: #fff;
}


/*Aside Menu*/

.lft_menu {
    height: calc(100vh - 97px);
}

.lft_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: auto;
    /*	height: calc(100vh - 100px);
    overflow: auto;*/
}

.lft_menu ul.mainmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: calc(100vh - 97px);
    overflow: auto;
    /*	height: calc(100vh - 100px);
    overflow: auto;*/
}

.lft_menu ul li {
    display: block;
    position: relative;
    background: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    margin: 0;
}

.lft_menu ul li span {
    float: left;
    position: relative;
    padding-top: 6px;
    padding-right: 15px;
}

.lft_menu ul li i {
    /*float: right;
        position: relative;
        padding-top:4px;*/
    position: absolute;
    right: 20px;
    padding-top: 5px;
    color: #fff;
}

.lft_menu>ul>li {
    border-bottom: 1px solid #c3c3c3;
}

.lft_menu>ul>li>a {
    display: block;
    position: relative;
    color: #fff;
    /* font-weight: 600; */
    font-family: 'Roboto-Regular';
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    padding: 14px 15px 14px 15px;
    transition: all ease 0.3s;
    /*box-shadow: 0 1px 0px 0px rgb(52, 57, 70);*/
}

.lft_menu>ul>li>a:hover {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.lft_menu>ul>li>a p {
    transition: all ease 0.3s;
}

.lft_menu>ul>li:hover>a {
    background-color: rgba(255, 255, 255, 0.3);
    width: 100%;
    /*border-radius: 0 30px 30px 0;*/
    color: #444;
}

.lft_menu>ul>li:hover>a span {
    /*border-radius: 0 30px 30px 0;*/
    color: #f69582;
}

.lft_menu>ul>li:hover>a>p {
    padding-left: 15px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.lft_menu>ul>li.active>a {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: 0;
    color: #f00;
}

.lft_menu>ul>li:hover>a i,
.lft_menu>ul>li.active>a i {
    /* right: -22px; */
    /*	transform: rotate(90deg);*/
}

.lft_menu>ul>li>ul {
    padding: 1px 0;
    /*background: #00BFFF;*/
    background: linear-gradient( to right, #045de9 0%, #09c6f9 74%);
}

.lft_menu>ul>li>ul li {
    border-bottom: 1px solid #fff;
}

.lft_menu>ul>li>ul li:last-child {
    border-bottom: none;
}

.lft_menu>ul>li>ul li a {
    display: block;
    color: #fff;
    padding: 12px 0;
    transition: all 0.3s ease;
    padding-left: 49px;
    white-space: normal;
}

.lft_menu>ul>li>ul li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    /*border-radius: 0 30px 30px 0;*/
    transition: all 0.3s ease-in-out;
}

.lft_menu ul li a i.material-icons {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    text-align: center;
    color: #bdbec2;
    margin-right: 5px;
    transition: all ease 0.3s;
}

.lft_menu ul li a p {
    display: inline-block;
    max-width: calc(100% - 30px);
    margin: 0;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

.lft_menu ul li a span.material-icons {
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.lft_menu ul li.slideOn a span.material-icons {
    transform: rotate(90deg);
}

.lft_menu>ul>li>a.activePage {
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    /*border-radius: 0 30px 30px 0;*/
    color: #444;
}


/*footer*/

footer {
    padding: 3px 0 4px;
    text-align: center;
    color: #000000;
    background: linear-gradient( 315deg, #045de9 0%, #09c6f9 74%);
    z-index: 9;
    position: relative;
    bottom: 0;
    width: 250px;
}

footer span {
    color: #FEFEFE;
}


/*Main Panel Part*/

.mainSec {
    height: calc(100vh - 70px);
}

.left-menu-pnl {
    float: left;
    /* width: 250px;
    height: calc(100% - 27px);*/
    /* background: #dcdcdc;*/
    overflow: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #002c49;
    /* background-image: linear-gradient( 290deg, #000000 0%, #04619f 74%);*/
}

.main-contain-panel {
    float: right;
    /* width: calc(100% - 250px); */
    height: 100%;
    overflow: hidden;
}

.map-scroll-panel {
    height: calc(100% - 50px);
    overflow: auto;
}

.map-inner {
    /* padding: 15px; */
    background: #fff;
    min-height: calc(100vh - 120px);
}

.application-scroll-panel {
    /*height: calc(100% - 107px);*/
    height: calc(100vh - 190px);
    overflow: auto;
}

.app-page {
    min-height: calc(100% - 34px);
}

.page-heading {
    padding: 0 15px;
    background: #f9f9f9;
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .0625);
    box-shadow: 0px 0px 11px #f1f1f1 inset;
}


/* .page-heading h3 {
        font-size: 18px;
        border-left: 3px solid rgb(51, 115, 221);
        padding: 0px 8px;
        margin: 15px 0;
        float: left;
        color: #111;
    } */

.page-heading h3 {
    font-size: 18px;
    border-left: 3px solid rgb(51, 115, 221);
    padding: 0px 8px;
    float: left;
    color: #111;
    display: flex;
    margin: 0;
    height: 100%;
    top: 5px;
    align-items: center;
}

.page-custom-btn-grp {
    float: right;
    margin: 10px 0 0 0;
}

.page-custom-btn-grp .btn {
    min-width: 76px;
    text-align: center;
    padding: 4px 2px;
}


/*=================Commone CSS==================*/

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.form-group>label {
    display: block;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/selctArrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    padding-right: 30px;
}

.page-btn-panel {
    margin-top: 20px;
    margin-bottom: 15px;
}

.page-btn-panel .btn {
    width: 100px;
    text-align: center;
    padding: 8px 5px;
    font-size: 15px;
}


/*============================================================*/


/*=====================All Alert Modal========================*/

.modal.ir_alertModal~.modal-backdrop.in {
    opacity: 0.4;
}

.modal.ir_alertModal .modal-content {
    overflow: hidden;
    border: none;
}

.modal.ir_alertModal .modal-dialog {
    transform: translate(0, 0);
    overflow: hidden;
    transition: transform 0.5s ease;
}

.modal.ir_alertModal.in .modal-dialog {
    transform: translate(0, 0);
}

.modal.ir_alertModal.in {
    display: flex !important;
}

.modal.ir_alertModal .modal-dialog {
    width: 370px;
    max-width: 95%;
    text-align: center;
    margin: auto;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}

.modal.ir_alertModal .modal-dialog .modal-body {
    padding: 18px 0;
}

.modal.ir_alertModal .modal-dialog .modal-body.noButton {
    border-bottom: 5px solid #0ad672;
}

.modal.ir_alertModal .modal-dialog .modal-body label {
    display: block;
    padding: 10px 0 5px;
}

.modal.ir_alertModal .modal-dialog .modal-body p {
    font-size: 18px;
    color: #415868;
    padding: 5px 0;
    margin: 0;
}

.modal.ir_alertModal .modal-dialog .modal-footer {
    padding: 0;
    border: none;
}

.modal.ir_alertModal .modal-dialog .modal-footer .btn {
    background: #f65656;
    height: 47px;
    border: none;
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.modal.ir_alertModal.confirmationModal .modal-footer .btn {
    float: left;
    width: 50%;
}

.modal.ir_alertModal.confirmationModal .modal-footer .btn.btnYes {
    background: #00cc68;
}

.modal.ir_alertModal.confirmationModal .modal-footer .btn+.btn {
    margin-left: 0;
}

.fade.ir_alertModal {
    opacity: 0;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.fade.ir_alertModal.in {
    opacity: 1;
}


/*Loader*/

.app-loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: none;
    background: rgba(255, 255, 255, 0.7);
}

.app-loader.active {
    display: block;
}

.app-loader.active~* {
    filter: blur(5px);
}

.app-loader table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.app-loader table td {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 50px;
}

.loader-text {
    margin: 0;
    font-size: 16px;
    color: #111;
    margin-top: -20px;
}

@keyframes loderBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.loader-text span {
    animation-name: loderBlink;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}


/* Carusel-Strat */

.text_head_carusel {
    font-size: 20px;
}

.carousel .inner-content {
    min-height: 100px;
}

.carousel .carousel-indicators {
    bottom: 0;
}

.carousel .carousel-indicators li {
    margin: 0 2px;
    width: 18px;
    height: 18px;
    background: transparent;
    border-color: #00BFFF;
    border-width: 3px;
}

.carousel .carousel-indicators li.active {
    background: #00BFFF;
}

.carousel .carousel-control {
    font-size: 52px;
    background: transparent;
    text-shadow: none;
    color: #00BFFF;
    opacity: 1;
}

.carousel .carousel-control:hover,
.carousel .carousel-control:focus,
.carousel .carousel-control:active {
    color: #333333;
}

.carousel#video-carousel {
    padding-bottom: 10px;
    display: flex;
    height: calc(100vh - 200px);
    justify-content: center;
    background: #fff;
}

.carousel#video-carousel .carousel-inner {
    border: 2px solid rgb(243, 243, 243);
    background-color: #fff;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel#video-carousel .carousel-inner .inner-content {
    min-height: 100%;
}

.carousel#video-carousel .carousel-inner .inner-content .youtube-video {
    position: absolute;
    left: 0;
    top: 0;
}

.carousel#video-carousel .carousel-inner .play-button-wrapper {
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel#video-carousel .carousel-control {
    color: rgba(0, 0, 0, 0.6);
    width: auto;
    line-height: 400px;
}

.carousel#video-carousel .carousel-control.left {
    margin-left: -80px;
    display: flex;
    align-items: center;
}

.carousel#video-carousel .carousel-control.right {
    margin-right: -80px;
    display: flex;
    align-items: center;
}

.carousel#video-carousel .carousel-control:hover,
.carousel#video-carousel .carousel-control:focus,
.carousel#video-carousel .carousel-control:active {
    color: rgba(0, 0, 0, 0.9);
}


/* Carusel-End */


/* width */

::-webkit-scrollbar {
    /*    width: 2px;*/
}


/* Track */

::-webkit-scrollbar-track {
    /*    background: #e8e5e5;*/
}


/* Handle */

::-webkit-scrollbar-thumb {
    /*    background: #e8e5e5;*/
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    /*    background: #555;*/
}

.logo-container {
    display: inline-block;
    align-items: center;
    width: calc(100% - 600px);
}

.logo_txt {
    display: flex;
}

.sec_one_txt {
    display: flex;
    align-items: center;
}

.logo_txt h5 {
    font-size: 23px;
    color: #ffe000;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    font-family: system-ui;
}

.logo_txt p {
    color: #fff;
    margin: 0;
    padding-left: 10px;
    font-size: 13px;
    display: block;
    margin: 0;
    margin-bottom: 0;
    line-height: 20px;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    display: none;
}

.dropdown-menu {
    z-index: 999999999999999;
}