.cms_slidein_overlay {
    z-index: 1001;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(119,119,119,0.0);
    transition: all ease 600ms;
}

.cms_slidein_animation.cms_slidein_overlay {
    background-color: rgba(119,119,119,0.7);
}


.cms_slidein_overlay.cms_slidein_overlay_clear {
  left: auto;
  right: 0;
  width: 0;
}

.cms_slidein_container {
    position: fixed;
    right: -50%;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: #fff;
    box-shadow: -5px 0 5px rgba(0,0,0, 0.1);
    transition: all ease 600ms;
}

.cms_slidein_overlay.cms_slidein_half,
.cms_slidein_overlay.cms_slidein_two_thirds {
    left: 50%;
    width: 50%;
}

.cms_slidein_overlay.cms_slidein_half .cms_slidein_container {
    right: -25%;
    width: 25%;
}

.cms_slidein_overlay.cms_slidein_two_thirds .cms_slidein_container {
    right: -35%;
    width: 35%;
}

.cms_slidein_overlay.cms_slidein_quarter .cms_slidein_container {
    right: -25%;
    width: 25%;
}


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

    .cms_slidein_overlay.cms_slidein_half,
    .cms_slidein_overlay.cms_slidein_two_thirds {
        left: 40%;
        width: 60%;
    }

    .cms_slidein_container {
        right: -60%;
        width: 60%;
    }
    
    .cms_slidein_overlay.cms_slidein_half .cms_slidein_container {
        right: -30%;
        width: 30%;
    }
    
    .cms_slidein_overlay.cms_slidein_two_thirds .cms_slidein_container {
        right: -40%;
        width: 40%;
    }
}

@media only screen and (max-width: 1366px) {
    
    .cms_slidein_overlay.cms_slidein_half,
    .cms_slidein_overlay.cms_slidein_two_thirds {
        left: 30%;
        width: 70%;
    }
    
    .cms_slidein_container {
        right: -70%;
        width: 70%;
    }
    
    .cms_slidein_overlay.cms_slidein_half .cms_slidein_container {
        right: -35%;
        width: 35%;
    }
    
    .cms_slidein_overlay.cms_slidein_two_thirds .cms_slidein_container {
        right: -45%;
        width: 45%;
    }
}

@media only screen and (max-width: 1024px) {
    
    .cms_slidein_overlay.cms_slidein_half,
    .cms_slidein_overlay.cms_slidein_two_thirds {
        left: 10%;
        width: 90%;
    }
    
    .cms_slidein_container {
        right: -90%;
        width: 90%;
    }
    
    .cms_slidein_overlay.cms_slidein_half .cms_slidein_container {
        right: -45%;
        width: 45%;
    }
    
    .cms_slidein_overlay.cms_slidein_two_thirds .cms_slidein_container {
        right: -60%;
        width: 60%;
    }
    
    .cms_course_menu .cms_my_account_button > strong {
        display: none;
    }
}

.cms_slidein_animation .cms_slidein_container {
    right: 0 !important;
    transition: all ease 600ms;    
}

.cms_slidein_content {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;  
    position: absolute;
    top: 104px;
    bottom: 74px;
    left: 10px;
    right: 10px;
    padding-right: 10px;
    /*background-color: #fff;*/
    background: url('../assets/loading-square-big.gif') center center no-repeat;
}

.cms_slidein_with_tabs .cms_slidein_content {
    top: 152px;
}

.cms_slidein_content.cms_slidein_content_noscroll {
    overflow-x: visible;
    overflow-y: visible;
}
    
.cms_slidein_content > iframe {
    bottom: 0px;
    display: block;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    position: absolute;
    border: 0;
}

.cms_slidein_loaded .cms_slidein_content {
    background: none;
}

.cms_slidein_title {
    height: 64px;
    line-height: 64px;
    padding: 0 25px;
    /*background-color: #f0f0f0;*/
    /*color: #666 !important;*/
    background-color: #333;
    color: #fff !important;
    font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 2em;
    font-weight: normal;
    /*text-align: center;*/
    font-weight: bold;
}
.cms_slidein_title a {
    /*color: #666;*/
    color: #fff;
}
.cms_slidein_actions {
    display: block;
    position: absolute;
    height: 64px;
    right: 0;
    left: 0;
    bottom: 0;
    line-height: 64px;
    background-color: #f0f0f0;
    padding: 0 10px;
    text-align: right;
}
.cms_slidein_actions_left {
    display: block;
    position: absolute;
    height: 64px;
    right: 50%;
    left: 0;
    bottom: 0;
    line-height: 64px;
    background-color: #f0f0f0;
    padding: 0 10px;
    text-align: left;
}
.cms_slidein_actions_right {
    display: block;
    position: absolute;
    height: 64px;
    right: 0;
    left: 50%;
    bottom: 0;
    line-height: 64px;
    background-color: #f0f0f0;
    padding: 0 10px;
    text-align: right;
}

.cms_slidein_actions button,
.cms_slidein_actions_left button,
.cms_slidein_actions_right button {
    vertical-align: middle;
    margin-left: 10px;
    line-height: normal;
    font-size: 14px;
}

.cms_slidein_overlay .block-message .message {
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding: 5px 10px;
    border: none !important;
}

.cms_slidein_notification > .message {
    background-color: #3e9dee !important;
    color: #fff !important;
    border: none !important;
}

.cms_slidein_notification > .message.success {
    background-color: #4ac93f !important;
    color: #fff !important;
    border: none !important;
}

.cms_slidein_notification > .message.error {
    background-color: #d63030 !important;
    color: #fff !important;
    border: none !important;
}

.cms_slidein_content .arbo {
    height: auto !important;
    overflow: visible !important; 
}

.cms_slidein_content_title,
.cms_slidein_content h2 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  background-color: #f0f0f0;
  padding: 10px;
  /*border-bottom: 1px solid #ddd;*/
  margin-bottom: 0;
}


.cms_slidein_tabs {
    background-color: #333; 
    height:48px; 
    line-height: 48px;
    position: absolute;
    top: 104px;
    left: 10px;
    right: 10px;
}

.cms_slidein_tabs a {
    padding: 0 20px;
    color: #fff;
    vertical-align: top;
    height:48px; 
    line-height: 48px; 
    display: inline-block;
    font-size: 14px;
}

.cms_slidein_overlay:not(.cms_slidein_loaded) .cms_slidein_content::after {
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.75);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}