/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    background-color: #BBC7DC;
	
}





.login-container{
	padding :1% 2% 1% 2%;
    margin-top: 5%;
    margin-bottom: 5%;
width:60%;
 background: -webkit-linear-gradient(left, #212529, #f8f9fa);
	 text-align: center;
	  border-radius: 12px;
	  opacity:0.8;
	
}
.login-form-1{
    padding: 5%;
	 background: #fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	opacity:0.999;
	
}
.login-form-1 h3{
    text-align: center;
    color: #333;
}
.login-form-2{
    padding: 5%;
    
   
}
.login-form-2 h3{
    text-align: center;
    color: #fff;
	
}
.login-container form{
    padding: 10%;
}
.btnSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
}
.login-form-1 .btnSubmit{
    font-weight: 600;
    color: #fff;
    background-color: #0062cc;
}
.login-form-2 .btnSubmit{
    font-weight: 600;
    color: #0062cc;
    background-color: #fff;
}
.login-form-2 .ForgetPwd{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.login-form-1 .ForgetPwd{
    color: #0062cc;
    font-weight: 600;
    text-decoration: none;
}

.text-muted {
    color: #9faecb !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.mb-3 {
    margin-bottom: 1rem !important;
}

.input-group {
    position: relative;
    display: flex;
    width: 100%;
}





.tr_color_yellow{
	color:#ffcc00; !important;
}
.tooltip {
  --bs-tooltip-bg: #ff0000;
  --bs-tooltip-color: #ffffff;
}

.no-border {
    border: 0;
   border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border: none !important;
}





#page-wrapper {
    padding: 2%;
    min-height: 568px;
    background-color: #ffcc00;
}


#mapcontainer {
    height: 600px;
    min-width: 510px;
    max-width: 1000px;
    margin: 0 auto;

}

 

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

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

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.wrapper {
            display: flex;
            min-height: 92.7vh;
			direction:rtl;
			 
        }

        .main-content {
		
            flex: 1;
            background-color:#F8FBFF;
         padding-top:1%;
		 padding-right:1%;
		 padding-left:1%;
		 padding-bottom:1%;
			vertical-align:top;
			 position: absolute;
            left: 1%;
            top: 10%;
			width:83.5%;
			height:85%;
			 overflow:auto;
			
        }
		
		 .main-content.collapsed {
			
			 width:98%;
			
		 }

        .sidebar {
            width: 300px;
            background: #7E9CC1;
            border-left: 1px solid #7E9CC1;
            height: 97vh;
            position: fixed;
            right: 0%;
            top: 0%;
            transition: transform 0.3s;
            box-shadow: -5px 0 10px rgba(112, 112, 112, 0.28);
            overflow-y: auto;
			 z-index: 999;
			 border-bottom-left-radius: 6px;
			
        }
		
		 .footer {
            width: 100%;
           
            border-top: 1px solid #7E9CC1;
            height: 2vh;
            position: fixed;
            right: 0%;
            bottom: 0%;
            transition: transform 0.3s;
            box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.05);
            overflow-y: auto;
			 z-index: 999;
			
	
			
        }

        .sidebar.collapsed {
            transform: translateX(100%);
        }

        .toggle-btn {
            position: absolute;
            right: 15.5%;
            top: 14%;
            z-index: 1000;
            transition: right 0.3s;
        }
 .navbar-brand {
            position: absolute;
            right:18%;
			 top: 14%;
            transition: right 0.3s;
        }
		

		
       
		

        .nav-link {
            color: #F8FBFF;
            padding: 0.75rem 1.25rem;
            transition: all 0.2s;
        }

        .nav-link:hover {
            background: #6D90B9;
            color: #F8FBFF;
        }

        .nav-link.active {
            background: #6D90B9;
            color: #F8FBFF;
            font-weight: 500;
        }

        .sidebar-header {
            border-bottom: 1px solid #e5e7eb;
        }

        .notification-badge {
            background: #ef4444;
            color: white;
            padding: 0.25rem 0.5rem;
            border-radius: 9999px;
            font-size: 0.75rem;
        }

        .user-status {
            width: 10px;
            height: 10px;
            background: #10b981;
            border-radius: 50%;
            display: inline-block;
            margin-right: 5px;
        }
		.logouticonclass
		{
			width:25px;
			height:25px;
		
		}
		.iconclass
		{
			width:25px;
			height:25px;
			
			
		}
		.iconclass path {
  fill: #fff;
}
		.iconclassdt
		{
			width:20px;
			height:20px;
			color: white; 
			
		}
		
		.icon1
		{
			filter: invert(33%) sepia(50%) saturate(743%) hue-rotate(123deg) brightness(90%) contrast(85%);
		}
		.icon2
		{
			filter: invert(29%) sepia(31%) saturate(4107%) hue-rotate(226deg) brightness(89%) contrast(85%);
		}
		.icon3
		{
			filter: invert(57%) sepia(36%) saturate(4011%) hue-rotate(183deg) brightness(86%) contrast(75%);
		}
		.icon4
		{
			filter: invert(54%) sepia(36%) saturate(3042%) hue-rotate(359deg) brightness(101%) contrast(107%);
		}
		.icon5
		{
		filter: invert(17%) sepia(95%) saturate(4286%) hue-rotate(1deg) brightness(104%) contrast(135%);
		}
		.titleimg{
			   width:40%
		   }
		   
		
		
		 @media (max-width: 2145px) {
	  #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
	 .sidebar {
            width: 15%;
           
			
        }
           .titleimg{
			   position:absolute;
			   width:35%;
			   height:4%;
			   
			  
		   }
            .toggle-btn {
                right: 16%;
				
            }
			.navbar-brand {
               right: 19%;
				
            }
			.titletext{
				
				padding-right:5%;
			}
			 .main-content {
				 direction:ltr;
            flex: 1;
            padding: 20px;
         
			vertical-align:top;
			 position: absolute;
            right: 1.5%;
            top: 12%;
			width:83%;
        }
		 .toggle-btn.collapsed {
            right: 1%;
        }
		.navbar-brand.collapsed {
            right: 5%;
        }
		
        }
		
 
		
        @media (max-width: 768px) {
	  #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
	 .sidebar {
            width: 100%;
           
			
        }
           .titleimg{
			   width:25%;
			   right:15%;
		   }
            .toggle-btn {
                right: 5%;
				
            }
			.navbar-brand {
               right: 13%;
				
            }
			.titletext{
				
				padding-right:11%;
			}
			 .main-content {
				 direction:ltr;
            flex: 1;
            padding: 20px;
         font-size:2.2vw;
			vertical-align:top;
			 position: absolute;
            right: 1.5%;
            top: 14%;
			width:70%;
        }
		
		
			 .toggle-btn.collapsed {
            right: 3%;
        }
		.navbar-brand.collapsed {
            right: 12%;
        }
        }
		
		.dropdown-menu{
			background-color:#6D90B9;
			
		}
		.dropdown-item{
			background-color:#6D90B9;
		color:F8FBFF;
		}
		
		.dropdown-menu li {
position: relative;

}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
right: 100%;
top: -7px;

}
.dropdown-menu .dropdown-submenu-right {
right: 100%;
left: auto;
background-color:#6D90B9;
		color:F8FBFF;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
	
		rate {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rating1 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating1>input {
    display: none
}

.rating1>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #ff0000;
    cursor: pointer
}

.rating1>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating1>label:hover:before,
.rating1>label:hover~label:before {
    opacity: 1 !important
}

.rating1>input:checked~label:before {
    opacity: 1
}

.rating1:hover>input:checked~label:before {
    opacity: 0.4
}

.rating2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating2>input {
    display: none
}

.rating2>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #ff0000;
    cursor: pointer
}

.rating2>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating2>label:hover:before,
.rating2>label:hover~label:before {
    opacity: 1 !important
}

.rating2>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}






.switchStatus {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 24px;
}

.switchStatus input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c0c0c0;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider2 {
  background-color: #6eec74;
}

input:focus + .slider2 {
  box-shadow: 0 0 1px #000;
}

input:checked + .slider2:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

/* Rounded sliders */
.slider2.round {
  border-radius: 34px;
}

.slider2.round:before {
  border-radius: 50%;
}








.dropbtn {
  text-ali:right;
 width:60%;
 
  border: none;
   color:#DEE2E6;
   text-decoration: none;
}

.dropdown {
	padding-right:15px;
	text-align:right;
  position: relative;
  display: inline-block;
  width:100%;
}

.dropdown-content {
  display: none;
  position: absolute;
  top:0;
  right:45%;
 background-color:#6D90B9;
  min-width: 55%;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99999;
}

.dropdown-content a {
   color:#DEE2E6;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

.dropbtn:after{
    content: '';
    border: 4px solid transparent;
    border-right: 4px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}
.dropdown:hover .dropdown-content {display: block;}

.dropdown-content a:hover {
   color:#DEE2E6;
 
  text-decoration: none;
  display: block;
   background-color:#7C9CC1;
}




:root {
  --svg-eye-open: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20CC%20Attribution.%20Made%20by%20Saeedworks%3A%20https%3A%2F%2Fdribbble.com%2Fsaeedworks%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22style%3Dfill%22%3E%3Cg%20id%3D%22eye-open%22%3E%3Cpath%20id%3D%22Subtract%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.0001%203.96997C8.19618%203.96997%204.69299%205.94267%202.28282%209.27342C1.721%2010.0475%201.46509%2011.0419%201.46509%2011.995C1.46509%2012.9478%201.7209%2013.942%202.28246%2014.716C4.69264%2018.0471%208.19599%2020.02%2012.0001%2020.02C15.804%2020.02%2019.3072%2018.0473%2021.7174%2014.7165C22.2792%2013.9424%2022.5351%2012.948%2022.5351%2011.995C22.5351%2011.0421%2022.2793%2010.0479%2021.7177%209.27392C19.3075%205.94286%2015.8042%203.96997%2012.0001%203.96997ZM9.75012%2012C9.75012%2010.755%2010.7551%209.75%2012.0001%209.75C13.2451%209.75%2014.2501%2010.755%2014.2501%2012C14.2501%2013.245%2013.2451%2014.25%2012.0001%2014.25C10.7551%2014.25%209.75012%2013.245%209.75012%2012ZM12.0001%208.25C9.92669%208.25%208.25012%209.92657%208.25012%2012C8.25012%2014.0734%209.92669%2015.75%2012.0001%2015.75C14.0736%2015.75%2015.7501%2014.0734%2015.7501%2012C15.7501%209.92657%2014.0736%208.25%2012.0001%208.25Z%22%20fill%3D%22%230773BA%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --svg-eye-close: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20CC%20Attribution.%20Made%20by%20Saeedworks%3A%20https%3A%2F%2Fdribbble.com%2Fsaeedworks%20--%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22style%3Dfill%22%3E%3Cg%20id%3D%22eye-close%22%3E%3Cpath%20id%3D%22vector%22%20d%3D%22M15.6487%205.39465C14.4859%204.95229%2013.2582%204.71997%2012%204.71997C8.46997%204.71997%205.17997%206.54861%202.88997%209.71356C1.98997%2010.9532%201.98997%2013.0368%202.88997%2014.2764C3.34474%2014.9049%203.83895%2015.4807%204.36664%2016M19.3248%207.69629C19.9692%208.2894%2020.5676%208.96401%2021.11%209.71356C22.01%2010.9532%2022.01%2013.0368%2021.11%2014.2764C18.82%2017.4413%2015.53%2019.27%2012%2019.27C10.6143%2019.27%209.26561%2018.9882%207.99988%2018.4544%22%20stroke%3D%22%23053452%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20id%3D%22Subtract%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.742%205.57955C15.9962%204.53817%2014.0413%203.96997%2011.9998%203.96997C8.19594%203.96997%204.69275%205.94267%202.28258%209.27342C1.72076%2010.0475%201.46484%2011.0419%201.46484%2011.995C1.46484%2012.9478%201.72065%2013.942%202.28222%2014.716C3.02992%2015.7494%203.88282%2016.6521%204.81727%2017.4057L8.72514%2013.83C8.42248%2013.2886%208.25%2012.664%208.25%2012C8.25%209.92657%209.92657%208.25%2012%208.25C12.7834%208.25%2013.5113%208.48997%2014.1129%208.90023L17.742%205.57955ZM6.0677%2018.2947C7.86114%2019.4096%209.88397%2020.02%2011.9998%2020.02C15.8037%2020.02%2019.3069%2018.0473%2021.7171%2014.7165C22.2789%2013.9424%2022.5348%2012.948%2022.5348%2011.995C22.5348%2011.0421%2022.279%2010.0479%2021.7175%209.27392C20.9248%208.17837%2020.0139%207.22973%2019.0129%206.44988L6.0677%2018.2947ZM15%2011.25C15.4142%2011.25%2015.75%2011.5858%2015.75%2012C15.75%2014.0734%2014.0734%2015.75%2012%2015.75C11.5858%2015.75%2011.25%2015.4142%2011.25%2015C11.25%2014.5858%2011.5858%2014.25%2012%2014.25C13.245%2014.25%2014.25%2013.245%2014.25%2012C14.25%2011.5858%2014.5858%2011.25%2015%2011.25Z%22%20fill%3D%22%23053452%22%2F%3E%3Cpath%20id%3D%22vector%20(Stroke)%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.5533%202.19366C22.8329%202.49926%2022.8119%202.97366%2022.5063%203.25328L19.3012%206.18591C18.9956%206.46553%2018.5212%206.44447%2018.2416%206.13888C17.962%205.83329%2017.9831%205.35888%2018.2886%205.07926L21.4937%202.14663C21.7993%201.86701%2022.2737%201.88807%2022.5533%202.19366ZM5.73136%2017.5857C6.01098%2017.8913%205.98992%2018.3657%205.68433%2018.6454L2.5063%2021.5533C2.2007%2021.8329%201.7263%2021.8118%201.44668%2021.5062C1.16706%2021.2006%201.18812%2020.7262%201.49371%2020.4466L4.67175%2017.5387C4.97734%2017.2591%205.45175%2017.2801%205.73136%2017.5857Z%22%20fill%3D%22%23053452%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}



.btn-toggle-password-visibility {
  width: 21px;
  height: 21px;
  background-image: var(--svg-eye-close);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.input-group-sm .btn-toggle-password-visibility {
  width: 16px;
  height: 16px;
}

.form-floating + .input-group-text .btn-toggle-password-visibility,
.input-group-lg .btn-toggle-password-visibility {
  width: 28px;
  height: 28px;
}

.input-group:has(input:not([type="password"])) .btn-toggle-password-visibility {
  background-image: var(--svg-eye-open);
}

.input-group:has(input.is-valid) .input-group-text {
  border-color: var(--bs-form-valid-border-color);
}

.input-group:has(input.is-invalid) .input-group-text {
  border-color: var(--bs-form-invalid-border-color);
}



.custom-popover {
  max-width: 200px;
      padding: 3px 8px;
      color: #ffffff;
      text-align: center;
      background-color: #ff0000 !important;
      border-radius: 5px;
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

 .custom-popover .popover-arrow:after {
          border-top-color: #ff0000 !important;
        }


@media (max-width: 768px) {

            .login-container{
	padding :1% 7% 5% 2%;
    margin-top: 5%;
    margin-bottom: 5%;
width:95%;

	 text-align: center;
	  border-radius: 12px;
	  opacity:0.8;
	background-color: transparent;
}
            .login-form-1{
    padding: 15%;
	 background: #fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	opacity:0.999;
	width:95%;
}

            .login-form-2{
    padding: 5%;
    
   
}

        }



.shape{	
	border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer-radius{
	border-radius:7px;
}
.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{
	border-color: transparent #d9534f transparent transparent;
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{
	border-color: transparent #5cb85c transparent transparent;
	border-color: rgba(255,255,255,0) #5cb85c rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
	border-color: rgba(255,255,255,0) #999999 rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-primary {	border-color: #428bca; }
.offer-primary .shape{
	border-color: transparent #428bca transparent transparent;
	border-color: rgba(255,255,255,0) #428bca rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
	border-color: rgba(255,255,255,0) #5bc0de rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
	border-color: rgba(255,255,255,0) #f0ad4e rgba(255,255,255,0) rgba(255,255,255,0);
}

.shape-text{
	color:#fff; font-size:12px; font-weight:bold; position:relative; right:-50px; top:8px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(30deg); /* Safari and Chrome */
	transform:rotate(30deg);
}	
.offer-content{
	padding:0 20px 10px;
}

.offer:hover{
	/* transform: translateY(-10px);*/
	 transform: scale(1.05);
            box-shadow: 8px 8px 20px #d1d1d1, -8px -8px 20px #ffffff;
}