@font-face {
    font-family: 'icomoon';
    src:    url('../app/shared/fonts/mango.eot?p9pt4i');
    src:    url('../app/shared/fonts/mango.eot?p9pt4i#iefix') format('embedded-opentype'),
            url('../app/shared/fonts/mango.ttf?p9pt4i') format('truetype'),
            url('../app/shared/fonts/mango.woff?p9pt4i') format('woff'),
            url('../app/shared/fonts/mango.svg?p9pt4i#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


html, body, .main-content, .left_menu {    
    margin: 0;
}

body {
    background: #fff !important;
    color: #3a3a3c;
    font-family: "Roboto",sans-serif !important;    
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}


.content-wrapper{
    background: #fff;
    flex: 1;
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: column; 
    flex-flow: column;
   }
   

.custome-page{
    background: #fff;
    height: 100%;
}

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

.nopadding-right {
    padding-right: 0px;
}

.zfcolor {
    background-color: #212225 !important;
    color: #fff !important;
    outline: none !important;
}

.disabled,
.disabled i {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

/* LOGIN & FORGOT */
.block-center{
    width: 50%;
    padding: 20px;
    margin: 0 auto;
    display: inline-block;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    background: none;
}

.block-center .link {
    margin-top: 10px;
    margin-right: 1px;
    float: right;
    color: #D8B97D !important;
    cursor: pointer;
}

.logo{
    text-align: left;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.logo img {
   margin-bottom: 10px;
}

.card-content {
    width: 355px;
    margin: 0 auto;
    background: #fff;
}

md-input {
    width: 100%;
}

.center-button {
    text-align: center;
    width: 275px;
    margin: 15px auto 0;
    clear: both;
}

.center-button button {
    display: inline-block;
    margin: 5px;
    float: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
}

.center-button button:hover {
    transform: scale(1.1);
}

[md-raised-button], [md-fab], [md-mini-fab], [md-button], [md-icon-button] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
/* LOGIN & FORGOT */




/* POPOVER */
ngb-popover-window{
	left: 5px !important;
}
.profile ngb-popover-window {
    left: auto !important;
    float: right;
    text-align: right;
    right: 2%;
}

.show_menu ngb-popover-window {
    margin-left: 15px;
}


.profile .popover {
    max-width: 220px;
    width: 220px;
}

.popover-content {
    padding: 9px 0px !important;
    text-align: center;
}

.profile .popover-content {
	text-align: right;
	margin-right: 10px;
}

.show_menu .popover-arrow {
	left: 10% !important;
}

.popover_title {
    margin-left: 12px !important;
}
/* POPOVER */



/* END LEFT MENU */


/* iPhone 4 */
@media only screen and (min-width : 320px) and (max-width : 480px) { 
    .block-center { width: 90%; }
    .logo img { width: 40%; }
    .logo span { font-size: 12px; }
    .card-content { width: 100%; }
    .center-button { width: 100% }
    .logo { width: auto; }
}

/* iPhone 5 */
@media only screen  and (min-width : 320px) and (max-width : 568px) { 

}

/* iPhone 6 */
@media only screen  and (min-width : 375px) and (max-width : 667px) { 

}

/* iPhone 6 Plus */
@media only screen  and (min-width : 414px) and (max-width : 736px) { 

}

/* iPad mini 4 */
@media only screen  and (min-width : 1024px) and (max-width : 768px) { 

}

/* iPad Air 2 */
@media only screen  and (min-width : 1024px) and (max-width : 768px) { 

}

/* iPad Pro */
@media only screen  and (min-width : 1366px) and (max-width : 1024px) { 

}

/* 800 x 600 */
@media only screen  and (min-width : 1366px) and (max-width : 1024px) { 

}

/* 1366 x 768 */
@media only screen  and (min-width : 1366px) and (max-width : 1024px) { 

}

/* 1920 x 1080 */
@media only screen  and (min-width : 1366px) and (max-width : 1024px) { 
    
}