/*
# Project Name        : Egineering Services Mangement System
# Version             : 1.0
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : stylesheet
# File Location       : assets/styles/
# File Author         : Packiya Rajan S
*/

/* tags */
html{width: 100%;height: 100%;}
body{
    width: 100%;height: 100%;
    background: linear-gradient( to bottom right, #88cad6, #9dcdd7, #c9d3dd, #ebd3e3, #f3d4e6, #edc1da, #f4d5c1, #fcd3c1, #fcd3c1 );
}
a:hover { color: #009C95; }
a{ color: #009C95; }

/* login positioner */
.login_vertical_positioner{ width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-60%); }

.login_margin{  margin: 2em; }
.login_container{ background: rgba( 255, 255, 255, 0.90 ); margin: 1em auto; border-radius: 3px; max-width: 900px; min-height: 210px;box-shadow: 0 0 5px #202020; }

.login_vertical_divider{height: calc(100% - 2em); border-left: 1px solid rgba(34,36,38,.15);width: 1px;position: absolute;padding: 0 !important;top: 1em;left: 50%;}

.login_logo_container{}


/* general margins */
.margin_auto{ margin-left: auto; margin-right: auto; display: table;}
.vertical_spacer{ width: 100%; height: 30px; }
.text_center{text-align: center;}
.no_margin{ margin:0 !important; }
.text_right{text-align: right !important;}
.vertically_center{ position: absolute; top: 50%; transform: translateY(-50%);}
.no_padding{ padding: 0 !important; }
.mini_padding{ padding: 6px !important; }
.mini_vertical_margin{ margin: .45em 0 !important;}
.small_padding_left{ padding-left: 15px;}


/* layouts */
.esm_cotainer{ width: 100%; height: 100%; display: block;}
.esm_sidebar{ height: 100%; width: 300px; box-shadow: 0 0 5px black;float: left;background: rgba(255, 255, 255, .96); overflow-y: auto;}
.esm_pusher{ height: 100%; width: calc(100% - 300px);box-sizing: border-box;overflow-y: auto;}
.esm_sidebar_trigger{ width: auto; height: auto; position: absolute; top:0; left: 210px; background: #ffffff; box-shadow: 1px 1px 6px #454545; display: none;}
.esm_sidebar_trigger > a{padding: 12px; display: inline-block;color: grey;}
.esm_sidebar_trigger > a:hover{color: teal;}
.esm_sidebar_brand_container{margin: 1em 0;}
.esm_sidebar_brand_logo { text-align: center;font-size: 45px;font-family: 'HEX:gon Regular'; margin: 0; color: #c86fce; }
.esm_side_menu_container{ margin: 12px; }
.esm_sidebar_footer_note{ margin: 12px; text-align: left;font-size: 12px;}

.esm_main_container{ margin: 1em; background: rgba( 255, 255, 255, 0.90 ); width: auto; min-height: 450px; height: auto; box-shadow: 0 0 3px #555555; border-radius: 3px; padding: 1em; }

.esm_menu_profile_data{}
.esm_menu_profile_data > span.logged_in_text{ font-size: 11px; color: grey; font-style: italic;padding: 0 1em;}

.esm_hidden{display: none !important;}

.esm_timeline{ position: relative; box-sizing: border-box; padding: 6px; width: auto;}
.esm_timeline::before{ content:''; width : 3px; background-color: rgba(34,36,38,.15); position: absolute; top: 0; bottom: 0; left: 6px;}
.esm_timeline .esm_timeline_event{
    box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
    background: #F8F8F9;
    padding: 1.2em;
    margin: 12px 12px 12px 24px;
    width: auto;
    position: relative;
    border-radius: .28571429rem;
    max-width: 700px;
}
.esm_timeline .esm_timeline_event::after{
    content: '';
    background: #F2F2F2;
    border-color: #00B5AD;
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    width: 15px;
    height: 15px;
    position: absolute;
    top:25%;
    left: -30px;
}

.iframe_modal{display: none;}
#iframe_modal_frame{width: 100%;margin: 0em auto;display: block;border-radius: .28571429rem;border:1px solid rgba(34,36,38,.15); }


@media screen and (max-width: 767px) {

    /* for mobile devices */
    .login_vertical_positioner{ top: 21%; transform: translateY(-12%); }
    .login_vertical_divider{height: 1px;width: 100%;position: static;border-bottom: 1px solid rgba(34,36,38,.15);}
    .login_brand_container{margin: 0;}
    .login_button_container{margin: 0;}

    /* layouts */
    .esm_pusher{ width: 100%; padding-top: 3em;overflow-y: auto;}
    .esm_sidebar{ position: absolute; z-index: 99; display: none; }
    .esm_sidebar_trigger{display: block; left: 0; }
    .esm_sidebar_trigger{ z-index: 98; }

    table td.text_right{ text-align: left !important; }

}