/*
# Project Name        : Courses Evaluation System
# Version             : 1.0
# Developed by        : IISER Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : css file
# File Location       : assets/styles
# File Author         : Packiya Rajan S

*/

html{ width: 100%; height: 100%; }
body{ width: 100%; height: 100%; font-size: 16px; margin: 0; padding: 0; background: #F0F2F4;}


.margin{margin: 1em;}
.padding{padding: 1em; width: auto; box-sizing: border-box;}
.padding-mini{padding: .6em;}
.padding-none{padding: 0 !important;}
.margin-auto{margin: 1em auto;}
.margin-none{margin: 0 !important;}
.nomargin{margin: 0 !important;}
.nopadding{padding: 0 !important;}
.no-top-padding{ padding-top: 0 !important;}
.verticacSpace{width: 100%;height: 2em;}
.verticallyCenter{ position: absolute; top:50%; transform: translateY(-60%); width: 100%; }

.appWindow{ width: 100%; height: 100%;}
.hideFromUI{ display: none !important;}
.appAside{width: 270px; float: left; height: 100%; background: #ffffff; box-shadow: 0 0 3px #202020; overflow-y: auto;}
#asideTrigger{display: none;}
.appMain{ width: calc( 100% - 270px ) float: left; height: 100%; overflow-y:  auto; }
.appMainContent{width: auto; height: auto; min-height: 360px;}
.appMainContent .form_file_field { display: none; }
.appMainContent .submenu_trigger_menu{display: none !important;}
.mobileOnly{display: none;}
.pcOnly{display: block;}
.model_iframe{ width: 100%;min-height:300px;border-width: 0px;border-style: solid;}
.overflown{ overflow-x: auto; overflow-y: auto; }
.value_highlight{ background-color: #f4e175; padding: 4px 8px; border-radius: 3px; }

/* semantic over ride */
.ui.primary.message{ color: rgba(0,0,0,.87) !important; }
.ui.blue.slider .inner .thumb { background: #f2f2f2 linear-gradient(transparent,rgba(33,133,208,1)) !important; }
.ui.yellow.message { color : #4f3905 !important; }
.ui.toggle.checkbox label::after{ background: #f2f2f2 linear-gradient(transparent,rgba(33,133,208,1)) !important; }
.ui.toggle.checkbox label::before{ box-shadow:  0px 0px 1px #000 inset !important }
.ui.toggle.checkbox input:focus:checked~label::before { background-color: #9dc2dd !important; }
.ui.toggle.checkbox input:checked~label::before { background-color: #9dc2dd !important; }
.ui.red.message{ color: #bf0000; }



/* login page */
.loginPage{ background-color: #F0F2F4; }
.loginWindow{ max-width: 600px; margin: 0 auto;}

/* google sign in */
#google_signin_button{ margin : 0 auto; display: table;}

/* payments page */
.paymentsWindow{ max-width: 1024px; margin: 0 auto; }

/* tablet break point */
@media screen and (max-width: 767px) {

    .appAside{ position: absolute; z-index: 99; display: none; }
    #asideTrigger{ display: inline-flex; }
    .appMain{width: 100%;}
    .appMainContent .submenu_trigger_menu{display: inherit !important;}
    .pc_only_submenu{display: none; visibility: hidden;}
    .mobileOnly{display: block;}
    .pcOnly{display: none;}
}

/* mobile break point */
@media screen and (max-width: 480px) {

}